Skip to main content

Transition Property

Atomic props for controlling which CSS properties transition.

Atomic PropsCSS Properties
transitionNonetransition-property: none;
transitionAlltransition-property: all;
transitionCommontransition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transitionColorstransition-property: background-color, border-color, color, fill, stroke;
transitionOpacitytransition-property: opacity;
transitionShadowtransition-property: box-shadow;
transitionTransform transition-property: transform;

Usage

Result
Loading...
Live Editor

With Active

Result
Loading...
Live Editor

Input example

Result
Loading...
Live Editor