In this course, you'll learn about CSS3 animations with transitions and transforms. Your project will be creating an interactive collage of animated icons. Icons will be positioned absolute upon a background and will have hover animations applied. Going into this course you should be familiar with the basics of CSS properties and selectors.

This is a great course if you're looking to add some delightful moments to your UI.

Presentation Resources:

Can I Use, Cubic Bezier Cheat Sheet, MDN CSS Animation Properties

Codepen Examples:

Transition Examples, Transform Rotate Example, Transform Skew Example, Transform Scale Example, Transform Translate Example, Combining Multiple Transforms

Animated Images Example:

Github Repository, Live Example

Low Lay

--

4