Viewers: in countries Watching now:
This course presents a short series of CSS animation techniques, such as looping, playing, and pausing, and puts them together in a small project: an animated infographic. Author Val Head also addresses using CSS preprocessors, adding transitions, handling vendor prefixes, and understanding the best uses for CSS animations. Plus, discover how to measure the performance and current level of browser support for CSS animations and how we can expect the technology to change.
The exercise files for this course are available for both premium and regular members of lynda.com. You can take just about any of the techniques covered in this course and apply them to your own work right away. You might also find it helpful to follow along with the specific exercise files. To access the files, go to the Exercise Files area, and look for the zip file to download, then extract the folder somewhere easy to find, maybe on your desktop or Documents folder. The exercise files are organized by chapter and within each chapter there are sub-folders each named for the tutorial it corresponds to.
Each tutorial's folder contains all the assets you will need to follow along throughout the tutorial, as well as the final folder with the fully completed version of the tutorial. You can use whichever you prefer to follow along with. To keep things easy to follow on screen, I'll be showing all the tutorial examples using the WebKit prefix only. However, all the exercise files will have the complete list of necessary prefixes currently required by browser vendors in the final version.
There are currently no FAQs about CSS: Animations.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.