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

Produced in 2021

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

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
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

Python 3 For Beginners

$11.99

Java for Complete Beginners: Become Junior Java Developer

$11.99

C Programming For Beginners

$11.99

SQL & PostgreSQL: From Beginner to Pro in 2021

$11.99

Discrete Math For Computer Science

$11.99

icon
More css courses

CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox)

$11.99

Step By Step HTML and CSS course for beginners

$11.99

The Complete HTML and CSS Course For Beginners

$11.99

Web Design: Wireframes to Prototypes

Free

Modern HTML & CSS From The Beginning (Including Sass)

$11.99

Materialize CSS From Scratch With 5 Projects

$11.99

icon
Reviews

4.4

15 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

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 :)