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

transition-timing-function

منحنی سرعت ترنزیشن را تعیین می‌کند؛ ease-out برای ورود عناصر و cubic-bezier سفارشی برای حس لاستیکی محبوب‌اند.

سینتکس

transition-timing-function: ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier();

.drawer {
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

ease شتاب استاندارد

linear سرعت ثابت

ease-out شروع تند پایان نرم

cubic-bezier(.22,1,.36,1) منحنی سفارشی

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