Today we’d like to share some inspiration for simple stack effects with you. You have certainly seen these kind of effects, mostly used in image galleries, but also on single items on a page: one item is shown initially and then, with some trigger, more items are revealed, normally as decoration. One can imagine a couple of triggers for these effects: item hover, on load, on scroll and on click effects. When using some subtle, but creative moves, we can make some interesting effects that elevate a static design.
jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example
csshake is a CSS classes to move your DOM with shake-animation.
All Animation.css is a set of animations, fun to let your sexiest design. Are cross-browser animations that will give emphasis to your pages but as sliders,’s 3D effects ..
Today we’d like to explore a very subtle, but interesting border animation effect that can be seen on the creative website of Carl Philipe Brenner. When you hover over one of the white portfolio items in the grid, you will see a subtle animation happening: the grid item becomes transparent and the border lines of each side animate clockwise, creating a really nice effect. In this case, the effect is done by animating the widths or heights of several spans with some JS. We’ll try a different approach that uses SVG and CSS transitions.
InContent is a Image content with description building with CSS3 and SASS/LESS.
Slide Social Buttons are a fun way to display your social media buttons.These buttons are inspired by the Supersteil blog but instead of using jQuery for the animation, they use CSS transforms & transitions.
- Uses CSS transforms & transitions.
- Uses Icon Fonts, perfect for retina displays.
- Degrades gracefully for IE 8 – 9 & touch devices.
- It’s responsive!