Learning about design and theory is all well and good, but how do you actually build and implement animations? Work through these lessons to understand how CSS and JS can make the magic happen.


Be sure to start here and explore what each method is best suited for.

CSS Transitions

This method allows you to create a smooth transition from one point to another using CSS.

CSS Animation

This method still uses CSS, but allows for more complex animations.

SVG Animation

This method allows you to animate SVGs to create stunning vector animations.

Using JavaScript

Use JavaScript to build complex animations and go beyond the basics.