Five Simple Steps

CSS Animations

By Val Head

Smart and effective tips covering everything you need to start playing with CSS animations in just a couple of hours.

*Please note, we charge VAT on all ebooks sold to UK customers.

About this book

CSS animations open up a whole new way to look at and use CSS to bring motion to the web in creative ways. This Pocket Guide is designed to help you jump into using CSS animations in your own projects, providing a strong foundation on which to start experimenting and creating.

In this book Val covers the basics of CSS animations, walking you through a series of examples, and discussing practical considerations for dealing with browsers and fallbacks. You'll have everything you need to start playing with CSS animations in just a couple of hours.

Who should read this book?

This is a book for web designers or developers who are new to CSS animations and want to start using them in their own work or experiments.

Topics include:

Part 1: CSS Animation Basics

An explanation of the basic building blocks for creating animations with CSS.

Part 2: Exploring animation properties

Slightly more advanced and highly useful properties like animation-direction, animation-delay and animation-fill-mode give you more fine-tuned control over your animations. This section shows how and when to use these properties.

Part 3: Understanding Easing

Where an object goes is important, but how it gets there is even more important. This section covers the details of the easing keywords and custom bezier functions.

Part 4: Common Animation Tasks

This section puts our CSS animation knowledge so far into practice, going into the details behind four example animations: an infinitely looping animation, animating with steps, using animation-play-state and applying multiple animations to one object.

Part 5: Performance and browser support

This section looks at the practical aspects of using CSS animations in production work. It covers how to determine browser support and what to consider when choosing your approach to fallbacks.

About Val Head

Val Head is a designer who works with agencies and small businesses to make fun and effective web sites. She speaks internationally at conferences and leads workshops on web design and creative coding. She is totally into design, type, and code. Every year she brings a swarm of web designers to Pittsburgh for the Web Design Day conference. She contributes to .net magazine, is the managing editor of CreativeJS, and helps keep Refresh Pittsburgh going strong.

Recent Blog Post

We have our very own high street store

Posted on August 21, '14 by Craig Lockwood.

Until now, the only way to get your hands on one of our books has been to purchase a copy online. We love that our titles are being made available in more and more public libraries around the world, but we want to make it easier for you to purchas...

View more

Join our Newsletter

To find out more about up and coming Five Simple Steps releases and which conferences we will be attending, pop your email address below

We promise we'll keep it to ourselves!