What do you think?
Rate this book
CSS Animations
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
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 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.
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
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 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.
65 pages, Kindle Edition
First published May 21, 2013
7 people are currently reading
31 people want to read
About the author
Val Head
3 books6 followersVal 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 (webdesignday.com) conference. She contributes to .net magazine, is the managing editor of CreativeJS (creativejs.com), and helps keep Refresh Pittsburgh (refreshpittsburgh.org) going strong.
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 8 of 8 reviews
February 25, 2017
Delivered what it promises. It sure is a pocket guide which gets you started on CSS animations. But a few links are not working. Can't wait to utilize CSS animations with JS.
October 23, 2017
A little outdated but still a good intro by a very talented and accomplished practitioner in the space.
December 30, 2016
Good quick overview
A very good introduction to what can be achieved or accomplished using CSS for animations. Links to the site no longer work, but links to the CodePen site are still valid.
Not an in depth look at CSS animations, but it isn't supposed to be. Excellent for a quick reference.
A very good introduction to what can be achieved or accomplished using CSS for animations. Links to the site no longer work, but links to the CodePen site are still valid.
Not an in depth look at CSS animations, but it isn't supposed to be. Excellent for a quick reference.
Read
March 28, 2014Nice introduction to CSS animation. In true pocket guide style, it covers all of the basics, and then points you to more in-depth resources. If you want to get a feel for what CSS animations can do, this is a great place to start.
September 11, 2016
This was an easy to follow introduction. I would have given more stars except that half the links were broken so you couldn't look at a lot of the examples. I know Five Simple Steps is no longer in business but they could have redirected the links somewhere so readers could still view them.
December 13, 2014
There were a bunch of typos and some of the examples didn't work. Other than that it was a decent book about css3 animations.
November 17, 2014
Una buona guida introduttiva alle animazioni, specialmente tramite keyframes, in css3.
April 12, 2017
Great introduction and run through of all the parts of CSS animations. Reading the printed pocket guide it was really frustrating that the short urls don't work anymore.
Displaying 1 - 8 of 8 reviews