What you'll learn
- 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
- An Internet Connection
- Any Code Editor Of Your Choice
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?
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.
Who this course is for:
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.