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.
Comments area, use one of your social accounts to log-in and post a comment.
Responses to the post
- 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
- Ideas shaping web design today
- CSS: Image Hover Effects You Can Copy and Paste
- 15 Must Have CSS Tools for Designers
- 10 Best CSS Gradient Generators
- WebDev:32 New Tools and Services for Web Developers
- Long Shadows: Tutorial, Resources, Examples and Videos
- 10 CSS Media Query Snippets
- How to create Responsive Content Using CSS Regions