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

This course includes:

  • 2 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Assignments

Training 5 or more people?

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

Try Udemy for Business
Development Web Development CSS

CSS - MASTERING ANIMATIONS

Make your web page alive with css animations & transitions and take your web design skills to the next level
Rating: 4.4 out of 54.4 (366 ratings)
15,629 students
Created by Driss Boumlik
Last updated 3/2020
English
English [Auto]
Current price$37.99
Original Price$54.99
Discount31% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee

What you'll learn

  • Animating colors, shadows.. moving things around & rotating them ...etc
  • Controlling 100% your animation and even before and after the animation execution.
  • Create awesome Menus, checkboxs, Spinners, step by step forms

Course content

9 sections • 28 lectures • 1h 55m total length

About the Instructor1 lecture • 1min

  • About The instructor
    Preview00:35

Introduction to CSS animations2 lectures • 4min

  • 2-What will you learn - Preview
    Preview00:35
  • 3-What's css animations
    03:34

Transition Property1 lecture • 3min

  • 4-Transition Property explained
    03:10

Tools You Need To Code + Course Files To Download2 lectures • 4min

  • 5-Tools you need to code
    03:27
  • 6-Tools You Need To Code + Course Files To Download
    00:10

Transition Property - Practice7 lectures • 45min

  • 7-CSS Transition - Let' practice
    Preview06:28
  • 8-Enough with those ugly checkbox - Part 1
    05:24
  • 9-Enough with those ugly checkbox - Part 2
    07:47
  • 10-Enough with those ugly checkbox - Part 3
    05:13
  • 11-Making an animated progress bar
    02:58
  • 12-Let's move that wheel
    07:22
  • 13-Step by step form
    09:22

Keyframes & Animation property2 lectures • 9min

  • 14-Keyframes explained
    06:47
  • 15-Animation property explained
    02:17

Keyframes & Animation property - Practice6 lectures • 27min

  • 16-Let' create some fancy drop down menu - Part 1
    Preview07:37
  • 17-Let' create some fancy drop down menu - Part 2
    02:54
  • 18-Let' create some fancy drop down menu - Part 3
    02:42
  • 19-That moon isn't spinning
    04:31
  • The Lost PAC-MAN
    2 questions
  • 20-The lost PAC-MAN - Part 1
    05:01
  • 21-The lost PAC-MAN - Part 2
    04:24

Box game6 lectures • 23min

  • Preparing the markup & styles for the game
    06:47
  • Rotating the box - first steps
    05:58
  • Styling he play button
    01:16
  • When the game stops
    03:33
  • Styling the box by result
    03:41
  • Updating the game score
    01:51

Thank you1 lecture • 1min

  • 22-Last words
    00:35

Requirements

  • A basic knowledge of HTML( tags, html markup structure, referencing styles )
  • A basic knowledge of CSS (styling elements,css properties, selectors)

Description

The course is about css animations and how to make beautiful animations only with css, It so easy to make interactive elements on your web page using css animation properties + transitions.

We will cover the animation concept and what are the properties that you can / can't animate and what's recommended to animate specially when it' about performance.

Next, we will get our hands to code and practice, so we can master these concepts.

Who this course is for:

  • Beginner web developers
  • Beginner web designers

Instructor

Driss Boumlik
FullStack Developer | Trainer | Speaker
Driss Boumlik
  • 4.4 Instructor Rating
  • 366 Reviews
  • 15,628 Students
  • 1 Course

I’m Driss! I’m a 30 years old from Morocco. I work as a web developer, Do lot of talks in my old school, Teach & Help people in programming including kids which is AMAZING, and enjoy Mondays because I love what I do.

I code, blog, speak, write, teach ... and other stuff usually not in the same order

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