Transition:

<button class="transition-colors duration-300 ease-in-out
               bg-blue-500 hover:bg-blue-700">
  Transisi halus
</button>

Transition properties:

• transition — semua property
• transition-colors — hanya warna
• transition-opacity — hanya opacity
• transition-shadow — hanya shadow
• transition-transform — hanya transform

Duration: duration-75, duration-100, duration-150, duration-200, duration-300, duration-500, duration-700, duration-1000

Easing: ease-linear, ease-in, ease-out, ease-in-out

Built-in animations:

• animate-spin — berputar terus
• animate-ping — efek ping/pulse
• animate-pulse — fade in/out
• animate-bounce — bouncing

<div class="animate-spin h-8 w-8 border-4 border-blue-500 rounded-full border-t-transparent"></div>