DXB CSS

Transitions

transition, duration-*, ease-*, delay-*

Transition 종류 (Hover 해보세요!)

Duration 속도 비교

Easing Functions

linear

cubic-bezier(0.4,0,1,1)

cubic-bezier(0,0,0.2,1)

cubic-bezier(0.4,0,0.2,1)

Interactive Hover Effects

⚡

Shadow Lift

hover:shadow-xl

🌙

Dark Flip

hover:bg-slate-900

✨

Ripple

hover:bg-indigo-600

🚀

Float Up

hover:-translate-y-2