CSS transitions allow smooth property changes over time. This builder lets you visually configure the transition shorthand: property, duration, timing function, and delay. Hover the preview box to see your transition in action. Copy the generated CSS to your stylesheet and apply it to any element with hover/focus/active states.