CSS Animations: Learn CSS Animations from Scratch
4.4 (139 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,571 students enrolled

CSS Animations: Learn CSS Animations from Scratch

Create great looking CSS animations. Learn CSS animation on 13 projects.
4.4 (139 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,571 students enrolled
Last updated 12/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 1 article
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Course content
Expand all 26 lectures 02:22:19
+ Introduction
4 lectures 07:04
Say Hello :)
00:15
Install VisualStudio Code
02:12
Install extensions
03:07
+ CSS Animations, Button Animation
10 lectures 59:21
1# Button
05:55
2# Button
03:55
3# Button
03:58
#4 Button
04:37
#5 Button
09:20
#6 Button
05:18
#7 Button
08:26
#8 Button
06:56
+ 2D Transformations
5 lectures 25:26
Rotate
03:07
Scale
01:51
Translate
04:09
Skew
02:53
Keyframes
13:26
+ Spinners
6 lectures 49:54
#1 Spinner
05:53
#2 Spinner
14:09
#3 Spinner
07:52
#4 Spinner
10:46
#5 Spinner
10:06
+ BONUS: Discounts to my other courses!
1 lecture 00:34
BONUS: Discounts to my other courses!
00:34
Requirements
  • Basic CSS and HTML
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