Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS Animations: Learn CSS Animations from Scratch
Rating: 4.4 out of 5(165 ratings)
10,653 students

CSS Animations: Learn CSS Animations from Scratch

Create great looking CSS animations. Learn CSS animation on 13 projects.
Created byLuke's Programming School
Last updated 12/2019
English

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

5 sections • 26 lectures • 2h 22m total length

  • Introduction1:30

    Learn to create CSS animations from scratch by using the transition property, transform functions, and keyframes to build button hover animations and five spinners.

  • Say Hello :)0:15
  • Install VisualStudio Code2:12

    Install Visual Studio Code to code your project across Windows, Mac OS, or Linux. Accept the license, choose an install folder, and create a desktop shortcut during the free setup.

  • Install extensions3:07

    Install extensions in Visual Studio Code, including live server and beautify, to automatically reload HTML on save and format code, speeding up CSS animations development.

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

Report abuse