CSS Animations: the Pocket Guide
Animations within CSS3 allow the appearance and behavior of an element to be altered in multiple keyframes. Transitions provide a change from one state to another, while animations can set multiple points of transition upon different keyframes.
If things such as @keyframes rule and animation-iteration-count property terrify you, then you might need a simple, more structured introduction to CSS animations.
It's a short book, written in a simple way that has tons of live demos, which really helps you learn the content.
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.
Part 1: CSS Animation Basics
Part 3: Understanding Easing
Part 4: Common Animation Tasks
Part 5: Performance and browser support
The book is available under a pay-what-you-want model, meaning you can choose what the book should cost to you.
If cash flow is a problem, you can download the book for free.
- Parallax Landscape Scenes Built Entirely With CSS and HTML
- Fullscreen Background Video HTML5 And CSS cross-browser
- CSS Shapes: how to create non-rectangular shapes (part 2)
- CSS Shapes: how to create non-rectangular shapes (part 1)
- Useful Tutorials on SVG & CSS3 Animation
- How to make SVG images code responsive
- Guide to viewport units vw, vh, vmin and vmax
- Google Chrome will block Flash content starting next month, make HTML 5 default by December
- CSS Flexbox Toolbox: some tools
- CSS-Only Olympic Rings