CSS Transition Builder

Visually build CSS transitions with live preview. Hover the box to see the effect.

Transition Properties

Timing

Duration 300ms

Delay 0ms

Easing

Hover State

Scale 1.05

Rotate 0°

Opacity 1

Translate X 0px

BG Color

Radius 12px

Hover me

Hover the element above to preview the transition

✓ Copied!