Skip to content

Transition Property

Below, utility classes to apply transition-property property.

ClassProperties
.transition-nonetransition-property: none;
.transitiontransition-property: border-radius, border-width, color, background-color, border-color, fill, stroke, opacity, box-shadow, transform;
.transition-alltransition-property: all;
.transition-borderstransition-property: border-radius, border-width, border-top-width, border-right-width, border-bottom-width, border-left-width;
.transition-colorstransition-property: color, background-color, border-color, fill, stroke;
.transition-opacitytransition-property: opacity;
.transition-shadowtransition-property: shadow;
.transition-transformtransition-property: transform;

Released under the Beerware 🍺 License.