Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication 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 Certifications Network & Security Hardware Operating Systems & Servers 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 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 Paid 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 & Gardening 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 & Diet Yoga Mental Health Martial Arts & 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 Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin Mobile App Development SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Life Purpose Mindfulness Sound Therapy Coaching CBT Cognitive Behavioral Therapy
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Leadership
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing Startup YouTube Marketing

Design3D & AnimationCSS Animations

Creative Advanced CSS Animations - Create 100 Projects!

Master Advanced CSS Animations, Transitions and Transforms And Practice with 100 Creative Projects
Bestseller
Rating: 4.8 out of 54.8 (1,482 ratings)
15,470 students
Created by Ahmed Sadek
Last updated 6/2022
English
English [Auto]

What you'll learn

  • master CSS animations, transitions and transforms
  • create more than 100 different examples using CSS animations, transitions and transforms
  • be able to create any creative CSS animations they can think of
  • master the CSS clip-path property and learn how to use it in animating html elements
  • create different buttons, images, cards, loaders, menus creative effects and so much more

Requirements

  • An Internet Connection
  • Basic Understanding Of HTML & CSS
  • Any Code Editor Of Your Choice

Description

Have you ever seen a web animation on codepen or on any website and then you think “Ohh that is awesome! I want to do that!” but then think it’s complex and far beyond your skills?

Well I’m here to tell you: No, it definitely is not!, I’m Ahmed Sadek, a full stack web developer and freelancer with more than 7 years of experience, and I wanna welcome you to my CSS Animations, Transitions and Transforms Creativity Course.

Css animation is quickly becoming an essential design tool that’s increasingly used to help our users understand and interact with our websites.  It’s definitely the next big step in css!  Absolutely amazing things can be done with it.  It’s literally up to your imagination!  It gives life to your website and  enhances the user experience and you know better user experience means a higher reputation and more satisfied visitors.  So css animations, transitions, and transforms are critical skills for any web developer nowadays...and I’m here to make sure you learn it the right way.

So in this course you will master css animations, transitions, and transforms, starting from scratch, and not only that, we’re also gonna get our hands dirty and create many examples together so that you will get tons of ideas, and lots of inspiration to help you create any complex animation you can think of.

We’ll start by looking at the css transition property, learning what it is and how it can give life to html elements.

Then we will move on to css transforms, which open the doors for many creative options, from moving elements around the page, to scaling and rotating them.  So we’ll talk about all the transform functions that we can use in 2D and 3D environments.

After that, we get to the fun part!  We will use all the techniques and properties we learned about the css transforms and transitions, and we’ll start building some creative examples that will give you inspiration and help you make full use of what you’ve learned!

We’ll start this section by creating some button hover effects, then some image hover effects, and so much more!

Then we will move over to css animations and keyframes, where we’ll learn everything about them and all their properties.

And finally we will move on to the last section of the course, where we will be creating many css animations examples that will kickstart your imagination and help you create any animation you can think of!

By then end of this course, you’ll be able to understand how any web animation works, and you’ll have created more than 100 different projects with different ideas that will help you increase your creativity, and stand out from other web developers.  So if you are as excited as I am, hit the enroll button, and let’s dive right in with this CSS Animations, Transitions and Transforms Creativity Course!

Who this course is for:

  • web designers and developers who want to improve their CSS skills
  • web developers who want to master CSS animations and transforms and be able to create any creative animation they can think of

Featured review

Jeroen Rijsdijk
Jeroen R.
111 courses
8 reviews
Rating: 5.0 out of 5a year ago
This course is a good match for anyone who wants to learn CSS-animations (keyframes) and transitions in depth. The instructor for this course has a lot of knowledge on the subject and a lot of enthousiasm for the subject. The only downside of this course is that the instructor don't leave pauses while coding and that some of the code is not semantic. But overall you cant go wrong with this course :) Highly recommend it!

Instructor

Ahmed Sadek
full stack web developer, freelancer & teacher
Ahmed Sadek
  • 4.8 Instructor Rating
  • 1,916 Reviews
  • 21,015 Students
  • 4 Courses

Hi, it's Ahmed, glad you made it here!

i'm a senior web developer working as a freelancer for the last 7 years, i've developed hundreds of web projects and have tens of happy clients.

i've helped companies of all sizes to improve their business.

i can't wait to share all the web development knowledge i have with students here in udemy so if you're interested in learning modern web development technology we will see each other inside my courses.

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.