Create Modern CSS Animations

Part 1 - Get started with CSS Animations
1. Get the most out of this course
2. Get acquainted with animation for the web
3. Use CSS transitions for simple animations
4. Use pseudo-selectors to trigger CSS transitions
5. Apply the 12 principles of animation to the web
6. Create multi-property CSS transitions
7. Use timing functions to create more natural animations
Quiz: Have you built a strong foundation in CSS animations?

Part 2 - Translations, rotations, and opacity, oh my!
1. How do browsers render web pages?
2. Use the transform CSS property to ensure smooth animations
3. Change an element’s anchor point using transform-origin
4. Analyze animation performance with Chrome DevTools
5. Create more performant color animations using the CSS opacity property

Part 3 - Make your animations dynamic
1. Create more complex animations using CSS @keyframes
2. Construct CSS animations using the CSS animation properties
3. Manipulate and reuse CSS animations
4. Refine your animations with Chrome's animation tool
5. Put it all together

Certificate