Fade In Animation
Example of element appearance with smooth transition
class="relative overflow-hidden before:absolute before:w-full before:h-full before:bg-gradient-to-r before:from-purple-500 before:to-indigo-500 transition-all duration-1000 transform hover:scale-105"
Tailwind classes used for the animation effect
Hover me
Slide In Animation
Example of content sliding in from the side
Click to see animation
data-aos="slide-right"
HTML attribute for animation trigger
3D Card Flip
Example of depth and perspective animation
👁️ Flip me
✨ Behind the card