Write smaller sets of keyframes and get modular with your CSS animations!

In this episode I cover breaking up your CSS animations into smaller more modular pieces and apply multiple animations to one element. For me this makes it easier to follow your code and makes for more re-useable animations. Two big pluses in my book!

The example we use is on codepen (cdpn.io/adnKt) and full tutorial details are on my site (valhead.com).

Music from the super happy and upbeat Alpine. Go buy A is for Alpine on Amazon (amazon.com/A-Is-Alpine/dp/B00C2U6E60) or iTunes (itunes.apple.com/us/album/a-is-for-alpine/id636157647).

# vimeo.com/89021288 Uploaded 4,278 Views 2 Comments

All The Right Moves Screencast

val head Plus

A screencast series of UI animation reviews and web animation tutorials hosted by Val Head.

Get even more web animation tips and resources in the UI Animation Newsletter: uianimationnewsletter.com

Browse This Channel

Shout Box

  • LaraghSweeney

    I'm a fan and subscriber to Net Magazine, Creative BloQ and Computer Arts to name a few and your articles and tutorials have been a great support and inspiration to me since I became a web developer and designer a year ago. As the only female developer in my office, it's also encouraging to be able to follow and quote the work of a successful, widely respected and well liked female developer. The channel is an awesome resource, thanks again!

    by LaraghSweeney

  • Ben Palmer

    Great tutorials Val, very informative and easy to follow. Thanks so much.

    by Ben Palmer

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.