Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use…
Animating properties such as width or top forces the browser to recalculate the size and location of every component that may have changed, called a layout. That’s not great for performance. Here’s how you can use two properties (opacity and transform) to create animations that don’t generate a redraw…
Lots of examples and tutorials around the subject of CSS animation…
An amazing and useful CSS generator for animations by Bennett Feely…
CSS animations have some limits, the main is that you can’t really have full control over them. And it’s near impossible to stop transitions without dirty hacks.Another problem is calculating percents for keyframes. People create animations with time in mind, not percents. You always think of “it should fly and rotate for a half of […]
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, etc…
csshead