⏱️ Transition Duration Comparison

How to test:

Open DevTools (F12) → Network tab
Check "Disable cache"
Select "Slow 3G" throttling
Hard refresh (Cmd+Shift+R)
Compare the fade speeds below

Fast (0.3s)

Quick fade, subtle effect

Fast transition

Medium (0.6s)

Balanced transition

Medium transition

Default (0.8s) ⭐

Standard blur effect

Default transition

Slow (1.2s)

Dramatic fade effect

Slow transition

Very Slow (2.0s)

Cinematic effect

Very slow transition

Recommendations

0.3s - 0.5s: Subtle, fast loading feel (good for small images)
0.6s - 0.8s: Balanced, noticeable but not slow (default: 0.8s) ⭐
1.0s - 1.5s: Dramatic, premium feel (good for hero images)
2.0s+: Cinematic, artistic (use sparingly)