CSS انیمیشن و ترنزیشن پیش‌فرض: 0s ارث‌بری نمی‌شود

transition-duration

مدت‌زمان یک سیکل ترنزیشن را تعیین می‌کند؛ بین ۱۵۰ تا ۴۰۰ میلی‌ثانیه حس تعامل درست می‌دهد و طولانی‌تر، رابط را کند نشان می‌دهد.

سینتکس

transition-duration: <time>#;

.card {
  transition-duration: .3s;
}

0s بدون تاخیر زمانی

.3s سیصد میلی‌ثانیه

150ms پاسخ سریع UI

animation animation-delay animation-duration animation-iteration-count animation-name animation-timing-function