Mega CSS Animation Course : 30 Projects Included
4.5 (16 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.
329 students enrolled

Mega CSS Animation Course : 30 Projects Included

Learn CSS Animation with unique projects (10 hover Effects ,10 Loader Animations, Character Animations and many more)
4.5 (16 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.
329 students enrolled
Created by Supriyo Kundu
Last updated 8/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
  • 13 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • 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
  • You will Learn complete CSS Transition and Animation from scratch
  • You will Learn Creating Amazing Projects with CSS Transition and Animation
  • You will Learn Creating Creative Hover Effects with 10 Unique Projects
  • You will Learn Creating Amazing Loader Animations with again 10 Unique Projects
  • You will Learn Creating Character Animations with 5 Projects
  • You will Learn to create An Animated Intro Presentation (which is our Final Mega Project)
  • There are also some additional projects like Rain Animation , Water / Wave Animation , Button Hover Effect
  • Amazing tips and tricks are shared through out this course
Course content
Expand all 58 lectures 12:49:07
+ Transition Basics
4 lectures 01:12:56
Transition Timing Function and Transition Delay
14:36
Interesting Illustration with Transition Delay
09:37
Project : Cool Unique Button Hover Effect
26:12
+ Animation Basics
6 lectures 01:09:29
Animation Basics : Part1
14:27
Animation Basics : Part2
15:24
Animation Shorthand
03:28
Animated Video Background Hero Area Project : Part1
17:55
Animated Video Background Hero Area Project : Part2
16:20
Animated Video Background Hero Area Project : Part3
01:55
+ 10 Unique Hover Effect Projects
14 lectures 03:15:15
Basic Markup to start with
07:32
Using FontAwesome
08:38
Basic styles
20:53
Hover Project1
17:13
Hover Project2
26:05
Hover Project3
17:25
Challenge for You
04:03
Hover Project4
18:21
Hover Project5
12:18
Hover Project6
15:38
Hover Project7
12:20
Hover Project8
06:12
Hover Project9
20:39
Hover Project10
07:58
+ 10 Unique Loader Animation Projects
12 lectures 02:59:55
Basic MarkUp to start with
07:17
Loader Animation Project1
15:20
Loader Animation Project2
21:21
Loader Animation Project3
20:23
Loader Animation Project4
14:33
Loader Animation Project5
12:59
Loader Animation Project6
13:59
Loader Animation Project7
07:42
Loader Animation Project8
17:29
Loader Animation Project9
25:29
Loader Animation Project10
11:03
Implementation of Full Page and Constrained dimension of Animated Loaders
12:20
+ Character Animation Projects
6 lectures 01:13:18
Simple but Important Informations to start with
08:16
Project: Running Santa Claus
24:25
Walking Dinosaur
08:05
Fun Project : Dino Chasing Santa
10:23
Project with Unique Concept : Bahamut
16:32
Project : DarkKnight
05:37
+ Mega Promo Project : Unique Animated Presentation
10 lectures 02:17:49
Basic Markup
08:21
Part1 : Intro styling
22:54
Part1 : Intro section Complete
15:37
Part2 : City
11:45
Part2: Bird
11:51
Part2: Car1
10:54
Part2: Car2
08:00
Part2 : Car 3 and Car 4
05:49
Part2 : Boy and Girl
25:14
Part3 : Completing our Full Animated Presentation
17:24
+ Additional Projects
2 lectures 32:00
Project : Water Wave Animation
16:50
Project : Rain Animation
15:10
Requirements
  • If you are aware with HTML and CSS , thats a plus for you
Description

Do you want to Learn CSS Animation from scratch ?

OR

Do you want to create Unique Creative Hover Effects ?

OR

Do you want to create Awesome Unique Loader Animations and many other Projects using CSS?

If your answer to any of the above questions is Yes , then this Course is for you !!!

Welcome to The Mega CSS Animation Course - One of the Biggest Course in CSS Animation with 30 Projects with over 12Hrs of HD Video Content .

This course covers the following topics along with projects :

  • Complete Understanding of CSS Transition and Animation

  • A Unique Button hover Project

  • A Modern Animated Hero Area with Video Background

  • 10 Unique Hover Effect Projects

  • 10 Unique Loader Animation Projects

  • 5 Character Animation Projects

  • Rain Animation Project

  • Water/Wave Animation Project

  • And Final Mega Project : An Animated Intro Presentation Project which is an Amazing Unique presentation using CSS Animation

Along with the Course , many tips and tricks are shared which will help you to develop problem solving Skill.

Each and every code is explained and All the resource files are included.

After taking the course, if you have any issue understanding some concept or if you have any issue with any project , always feel free to let me know . I am always here to help you out .

Now take a look at free preview videos of this course , to take a complete understanding of what you are going to learn from this course and how to take full advantage of this course . I am looking forward to see you inside :)



Who this course is for:
  • If you want to Learn CSS Transition and Animation , this course is for you
  • If you want to Learn creating Awesome Unique Hover Effects , this course is for you
  • If you want to Learn Creating Amazing Loader Animations , this course is for you
  • If you want to Learn Character Animations in CSS , this course is for you
  • If you want to create Animated Intro Presentation(A unique Idea with CSS) , this course is for you