Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

CSS Animations: Learn CSS Animations from Scratch

via Udemy

Overview

Create great looking CSS animations. Learn CSS animation on 13 projects.

What you'll learn:
  • Create CSS Animations
  • Master CSS Transitions
  • Learn how to create great hover animations
  • Learn how to use Keyframes
  • Create 13 "CSS animation" Projects
  • Master CSS Transformations

Pretty much every website have some animations, when you hover over an Item in menu or button, you can see the background change. When you look at slider you can probably see some cool 3D transition between slides.

All of these animations can be created using CSS.


Do you want to Learn How to use CSS animation?

Well, you have come to the right place, in this course I cover everything you need to know in order to create great looking CSS animations.

I start off by explaining how transition works and all the things you can set.

Then we use the gained knowledge and create 8 Buttons, Everyone of them will be somehow animated. using only CSS animations. Then we move on to Transformations. I explain how Rotate, Translate, Scale and Skew works and I also cover How keyframes works and how to use them. Then, once again, we will use the gained knowledge and create 5 Spinners.

Requirements:

  • Basic CSS and HTML knowledge


Who should take this course:

  • Anyone who wants to learn how to Animate web using CSS

  • Anyone who wants to learn more about CSS animations

  • Anyone who wants to improve their CSS animation skills


What will you learn & archive:

  • Create CSS Animations

  • Master CSS Transitions

  • Master CSS Transformations

  • Learn how to create great hover animations

  • Learn how to use Keyframes

  • Create 13 "CSS animation" Projects

Taught by

Luke's Programming School

Reviews

4.2 rating at Udemy based on 162 ratings

Start your review of CSS Animations: Learn CSS Animations from Scratch

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.