How to Create CSS Animations and Transitions

Animation is hot right now. Adding motion to your UI can add a polished feel as well as bring attention and context to interactions. Last week, we released an open-source Sass animation library,Motion UI, on the ZURB Playground. So this week we’ll cover the basics of how to use animations and transitions in your projects.

Transitions vs. Animations What’s the difference? Transitions tell an element "whenever this property changes, animate it." Animations are a series of effects that "play" on an element. It's like After Effects! Transitions