Css Animations Course

By @imac2

Get the course! From the very basics to the most advanced CSS techniques for animation.

Become an CSS master and get a certificate.

This course explains every single detail about how animations are done and the different kind of properties you can animate to generate different effects.

I'll show you tens of beautiful animations and explain how to create each of them step by step explaining how it works.

The course includes all the source code for each of the exercises/modules and references to useful resources.

The Basics

• What are CSS transitions
• CSS transitions properties
• Ways of writing CSS transition properties
• CSS properties that can be animated

The Concepts

• CSS 2D transitions
  • Scale
  • Rotate
  • Translate
  • Transform Origin
• CSS 3D transitions
  • Translate3D
  • Rotate3D
• CSS Animations vs CSS transitions

Explained Examples

• Buttons Effects
• Text Effects
• Burger Effects
• Toggle Effects
• Switch Effects
• Bullets Effects
• Arrows Effects
• Loaders Effects
• Menus Effects
• Mouse Effects
• Mouse Effects
• Border Effects
• Scaling Effects
• Blur Effects
• Parallax Effects
• Scroll Effects
• Link Effects
• Background Effects

Useful bits

• Performance
• When to Use Animations
• Resources