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="card flex flex-wrap align-items-center justify-content-center">
    <div class="transition-colors transition-duration-500 bg-blue-100 hover:bg-blue-300 text-blue-500 hover:text-white
    flex align-items-center justify-content-center font-bold border-round cursor-pointer m-2 px-5 py-3 shadow-3">Hover me</div>
</div>