
Build five css animation projects, including an infinite animated background, interactive hover buttons, flipping cards with images, animated social icons, and a focus blur spotlight effect.
Explore css position relative and absolute, using a starter template in visual studio code to demonstrate how a relative parent anchors an absolute child, with top, left, bottom, and right.
Master the basics of CSS animation by creating keyframes, naming animations, and controlling duration, timing function, delay, iteration, and direction with cross-browser compatibility.
Create an animated background with ten floating circles inside a full-screen container, using CSS keyframes, transforms, and opacity to achieve a flowing, rotating effect against a left-to-right gradient.
Learn css animation by building an animated button with hover transitions, using pseudo elements before and after with emoji icons, and a up-down keyframes motion.
Learn to build a flipping profile card with a front image and back with name, job title, and social icons using 3D transforms, perspective, and hover interactions.
In this course you are going to learn all about CSS3 Animations and transitions, and to make things even more interesting, you are going to build 5 exciting projects, that you can use on your personal websites.
By taking this course you will learn the following skills:
LEARNING OUTCOMES
CSS Animations
CSS Transitions
And don’t worry, I will cover everything at a very slow pace, and explain each step of the process, if you have any questions, post them down and we will be happy to help you :)