📄️ Transforms
Learn how to use the CSS transform property with functions like translate, scale, rotate, and skew to visually manipulate elements without affecting the document flow. Explore 2D and 3D transforms, GPU acceleration, and performance tips for smooth animations.
📄️ Transitions
Learn how to use CSS transitions to create smooth, animated changes between property values. Understand the four core transition properties: transition-property, transition-duration, transition-timing-function, and transition-delay, along with practical examples for enhancing user experience.
📄️ Keyframes
Learn how to use @keyframes to create complex, multi-stage animations in CSS, defining animation name, duration, timing, iteration count, and direction. Explore infinite loops and animation-fill-mode for advanced effects.
📄️ Animation Timing
Learn about the transition-timing-function and animation-timing-function properties to control the speed curve of animations, including ease, linear, and cubic-bezier.