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.
I make a few assumptions of what you already know for the material in this course. So let's take a minute to make sure we're on the same page. animations are a fun new addition to CSS, but they're probably not the best place to start learning CSS. You want a basic working knowledge of HTML and CSS coming into this course. This course will focus on the syntax and use of animation related properties, but we won't be covering the underlying CSS and HTML in the examples in great detail. I also assume that you are somewhat familiar with newer CSS properties like transform.
But don't worry if you haven't used it extensively, you don't need to be a CSS transforms expert by any stretch. If you're new to web design or don't feel you have enough background knowledge of HTML and CSS, you might want to check out some of the more introductory lynda.com courses, like CSS Fundamentals, CSS: Page Layouts, or HTML Essential Training. These courses have been created especially for new web designers and will give you a great foundation to start this course on, if you don't have it already.
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.