← Dev Toolkit
CSS Transition Generator
Transition Properties
Property (multi-select)
all
opacity
transform
background-color
color
width
height
border
box-shadow
filter
Timing
Duration
300ms
Delay
0ms
Timing Function
ease
linear
ease-in
ease-out
ease-in-out
cubic-bezier
X1
Y1
X2
Y2
Presets
Fade In
Slide Right
Scale Up
Color Shift
Blur In
Bounce
Elastic
Smooth Shadow
Rotate In
Multi-Property
Transition Rules
+ Add Current as Rule
Live Preview
hover me
hover to preview
Generated CSS
Copy