Skip to content
UdemyCSSPaid courseAll LevelsCertificate

CSS Animations: Learn CSS Animations from Scratch (Udemy.com)

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

Created by: Luke's Programming School

Last updated December 2019

icon
What you will 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

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.4 out of 5higher than 39% of them
  • Reviews165#91 of 111 by number of reviews
  • Length2.4 hoursshorter than 74% of them
  • Last updatedDecember 2019earlier than 68% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

icon
Course Description

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
Who this course is for:
  • 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

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

placeholder

Hi, my name is Luke, I am the founder of "Luke's Programming School". Currently, we are teaching over 100 000 Students in over 160 countries. Our goal is to have over 150 000 students by the end of this year. We offer courses in Development, E-commerce, and Design.
OUR COURSES: We are focused on making great courses, our goal is to make every course as engaging as possible. That is why most of our courses are short and straight to the point. We focus only on the important things.
UP-TO-DATE: We make sure that all of our courses are up to date, and cover's everything you need.
STUDENT IS THE BOSS: We are doing our best to make you happy and provide a great learning experience. That is why we respond to questions within a day.
EVERYTHING YOU NEED: If the student is missing some lecture in our course, he can easily ask for them, all you need to do is write us what lectures would you like for us to add and we will add them!
Here is what our students say:
Gustav Gimlich : "Good course, Instructor is explaining well. I also like that there is a lot of exercises. Money good spend."
Nouf : "the course deserve million stars,thankyouuu"
Ahmed Mohammed Ahmed Al-areqi : "because the clear explanation of the Java language"

icon
More courses by Luke's Programming School

Free

$11.99

$12.99

$69.99

$39.99

$19.99

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.4

165 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Abdelmonaem Shahat

good course

By Freddy Perez

Va bien

By Alexander Lopez

Clear explanation

By Liang Yuanyu

it is great to know css animation!

By Becky

適合我 正是我所期待的

By Nsimbe Kevin

Things are moving smoothly

By Leandro Gabriel Ayala

Curso muy interesante, he aprendido cosas nuevas, incluso sobre las que ya conocía. El instructor va directo a la realidad sin perder tiempo, y eso es lo que más me ha gustado. Excelente curso, lo recomiendo!

By David Hernandez

Great course. Very enjoyable!

By Руслан Грицак

Очень хорошый курс ! Понравилась анимация кнопок)

By Mr Azad

A masterclass of CSS Animation course. Learned a lot of things that never tried or learned & used. Now, cleared all doubts about transitions, keyframe, hover effects & more.

Thanks!

By Abdallah Ali

it was good enough to beginner with animation ☺

By Paweł Plichta

Animate that rabbit in thumbnail of the course and I will give you 5 stars :)

Showing 12 of 15 reviews