Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart (Programming Language) Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS Animations

Mega CSS Animation Course : 30 Projects Included

Learn CSS Animation with unique projects (10 hover Effects ,10 Loader Animations, Character Animations and many more)
Rating: 4.6 out of 54.6 (96 ratings)
24,028 students
Created by Supriyo Kundu
Last updated 8/2019
English
English [Auto]
30-Day Money-Back Guarantee

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

9 sections • 58 lectures • 12h 49m total length

  • Preview02:42
  • Preview02:09
  • Preview03:32

  • Preview22:31
  • 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 : 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

  • 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

  • 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

  • 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

  • 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

  • Project : Water Wave Animation
    16:50
  • Project : Rain Animation
    15:10

  • Resources
    00:01

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

Instructor

Supriyo Kundu
Web Developer & Graphic Designer,100000+ Students Instructor
Supriyo Kundu
  • 4.4 Instructor Rating
  • 2,918 Reviews
  • 125,430 Students
  • 22 Courses

Hi ,

My name is Supriyo . I am a Computer Science Engineer .
I have equal passion for both Programming and Designing.

Areas of Knowledge : Photoshop , Illustrator , Web Design , Web Development , Wordpress , Elementor.

I help students to grow their Designing and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Animations or Website Design (Design and coding both) etc .

Currently , My courses have over 100000 Awesome Students and they also love me :)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.