Transition Property

Specifies the properties to apply transition

Classes#

Class	Properties
transition-none	transition-property: none;
transition-all	transition-property: all;
transition-colors	transition-property: background-color,border-color,color;
transition-transform	transition-property: transform;

Examples#

Hover me

<div class="flex flex-wrap align-items-center justify-content-center">
    <div class="transition-colors transition-duration-500 bg-primary hover:bg-primary hover:text-gray-900
        flex align-items-center justify-content-center font-bold border-round cursor-pointer m-2 px-5 py-3">
        Hover me
    </div>
</div>