Creative Advanced CSS & JavaScript Animations - 150 Projects (Udemy.com)
Master Advanced CSS & JavaScript Animations, Transitions and Transforms And Practice with 150 Creative Projects!
Created by: Ahmed Sadek
Last updated January 2026
What you will learn
- master CSS & Javascript animations, transitions and transforms
- create more than 150 different examples using CSS animations, transitions and transforms
- create different buttons, images, cards, loaders, menus creative effects and so much more
- 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
How it compares
Against the other 545 rated Udemy courses in 3D Modeling on CourseDuck:
- Rating4.6 out of 5higher than 56% of them
- Reviews2,493#28 of 546 by number of reviews
- Length20.4 hourslonger than 87% of them
- Last updatedJanuary 2026more recently than 85% of them
Course 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 and JavaScript Animations Course.
CSS & Javascript animations are quickly becoming essential design tools increasingly used to help our users understand and interact with our websites. they are definitely the next big step in web design! Absolutely amazing things can be done with it. It’s literally up to your imagination! they give life to your website and enhance the user experience and you know better user experience means a higher reputation and more satisfied visitors. So CSS and Javascript animations 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 button hover effects, image hover effects, menus effects, cards effects and some more different cool examples!
Then we will move over to CSS animations and keyframes, where we’ll learn everything about them and all their properties.
after that we will move on to the 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!
then we will move forward to the clip path effects section where we will learn all about CSS clip path property and how we can use it to create some really creative examples and effects.
and finally we will take our skills to the next level by moving to the javascript effects section where we will be creating some more complex effects using the power of javascript.
By the end of this course, you’ll be able to understand how any web animation works, and you’ll have created more than 150 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 and Javascript Animations, Transitions and Transforms Creativity Course!
Instructor Details
- 4.6 Rating
2,493 Reviews
Ahmed Sadek
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.
More 3D Modeling courses
3D Printing with " Ultimaker CURA Slicer- Start to finish" (2025)
4.9 (192 Reviews)
Provider: Udemy
Time: 1h
$34.99
Girl and the Dog Creation in Zbrush for Intermediate Level (2020)
4.9 (173 Reviews)
Provider: Udemy
Time: 48.8h
$59.99
Blender Character Creator for Video Games (2026)
4.8 (9,160 Reviews)
Provider: Udemy
Time: 34.3h
$159.99
Master SOLIDWORKS 3D CAD using real-world examples (2022)
4.8 (2,451 Reviews)
Provider: Udemy
Time: 18.9h
$69.99
Reviews
By PocariSweet on 4/7/2025
I found learning about CSS animations very interesting and enjoyable. Especially in this course, since it applied repeating patterns and consistent rules, I was able to absorb the knowledge just by watching the videos without needing extra practice. As a personal suggestion to the instructor — while the content of the lectures was great, the videos themselves felt a bit outdated. I hope they can be replaced with more up-to-date versions in the future.
By Anurag Anand on 3/4/2025
This course is really good. I went through all the courses more than 3 times. It covers all the css concepts needed to create pleasant animations and layout. Specially the button animation section is really good. If you understand the button animation sections properly, you can implement other full page animations, because the concepts are the same. I highly recommend it.
By Matt "Ace" Baugh on 12/21/2024
Over all great lessons and tutorials. A few things were misspoken. My only gripe with this is very few of the tutorials delve into the why we choose the method we implement. A lot of how, but not much of why. To learn better, people need to know the why so when confronted with a similar situation, they will know what to do.
By Jhumar on 8/26/2024
Great course! I learned some amazing techniques, and the instructor's explanations were easy to understand. However, as someone who believes in 'Learning by Doing,' I hope future updates to this course will include more hands-on activities for students, like problem-solving exercises. It would also be fantastic to see a demo showing how these effects work on mobile screens. Overall, it was an awesome learning experience, and I'm looking forward to the course updates.
By Radka Kavalcova on 5/27/2024
I love it so far. It's the only course of its kind on this platform. I've still haven't finished this course because it's so long (and getting updated often), but I've already used some of the things I had learned on my own creative projects. Ahmed is a great teacher and because of it I recently bought his other CSS course on creative CSS drawing.
By Cesar Galindo on 9/2/2022
I like the course very much so far. The video quality is good, the instructor's verbal speech is great. I believe that what is missing is more detail explanation of the CSS code as he is typing it. Now, the title of the course says Advanced, so I believe the instructor is assuming the student has advanced understanding of CSS. Yet, I still believe he could have added more detail of the CSS code as he is typing it. Otherwise, I would have giving this course a 5 start.
By Damian Hart on 7/19/2022
Making eye-candy is exactly how I learn the concepts that I can then apply to other (let us say) more serious projects. Therefore, this course was perfect! I did learn more than I can express and now I have 100+ projects that I can call up when I need to create some similar effect. The clip-path section, in particular cleared up so much fog for me. Thank you!
By Anuradha Cherukuri on 4/3/2022
Hello Sir Sadek, A Good Morning. I Completed Your Course on 'The 100 CSS Animations' Successfully. I liked all the Projects, particularly all The 'Hover Effects ' with The Images and Text and the 'Clip Path '. I found the Code Examples to be Simple and Easy to understand. I Enjoyed working on all the 'CSS Animations' with you. I look forward to working on more such CSS Animations with You in The Future. Thanks and Regards, Ms. Anuradha Cherukuri.
By Andrii Korkin on 12/26/2021
This course is an amazing opportunity for beginners to level up their knowledge of CSS to the fullest. The only thing u need to do is to type the code along with the author so as to seize upon the gist of the given material. The author teaches through practical guidance and his most valuable feature as an instructor is explaining new methods and ways to do the same thing in every new lesson so that u diversify the implementation of the newly acquired knowledge.
By Maxi Ruti on 8/31/2021
Really, really nice course. I was so looking forward to take this course, because it looks so nice. The teacher explain everything with details and make it very ease to understand. The best part for me, was to realize how many nice things you can do with some css and imagination. I really believe this course is a must!
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100






