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

translate

پراپرتی مستقل جابه‌جایی که با transform ترکیب‌پذیر است؛ جداسازی جابه‌جایی از مقیاس، کنترل انیمیشن را تمیزتر می‌کند.

سینتکس

translate: <x> <y>;

مثال کاربردی

.float {
  translate: 0 -6px;
}

مقادیر رایج

0 0 بدون جابه‌جایی
8px -4px افقی و عمودی

موارد مرتبط در CSS

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