← Back to Menu

Animations & Transforms

Explore how to bring your interfaces to life using CSS Transitions, Transforms, and Keyframes.

1. Transitions

Transitions allow property changes in CSS values to occur smoothly over a specified duration rather than immediately.

Hover Me
transition: all 0.3s ease 0s;

2. Transforms

Transforms let you modify the coordinate space of the CSS visual formatting model (move, scale, rotate, skew).

A
transform: none;

3. Keyframe Animations

Keyframes give you complete control over the intermediate steps in a CSS animation sequence.

Animation Preset


animation: bounce 1s ease infinite normal;