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

transform

جابه‌جایی، چرخش، مقیاس و کجی عنصر را بدون تکان‌دادن چیدمان انجام می‌دهد؛ چون روی GPU کامپوزیت می‌شود ستون فقرات انیمیشن‌های سبک است.

سینتکس

transform: none | <transform-function>+;

.card:hover {
  transform: translateY(-4px) scale(1.02);
}

translateY(-4px) جابه‌جایی عمودی

scale(1.05) بزرگ‌نمایی

rotate(8deg) چرخش

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