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

rotate

پراپرتی مستقل چرخش؛ با translate و scale جدا می‌ماند و کد انیمیشن چندلایه را خواناتر می‌کند.

سینتکس

rotate: none | <angle>;

مثال کاربردی

.icon:hover {
  rotate: 12deg;
}

مقادیر رایج

0deg بدون چرخش
45deg چهل‌وپنج درجه
0.5turn نیم‌دور

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

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