أداة الحركات Animations

استخدم Animations عندما تحتاج حركة مستمرة أو متعدّدة المراحل:

• مؤشّرات التحميل الدوّارة
• حركات لجذب الانتباه لعنصر مهم
• تأثيرات ظهور العناصر عند تحميل الصفحة

للتغيّرات البسيطة عند المرور أو النقر، يكفيك غالبًا أداة الانتقالات وهي أخفّ.

مثال: حركة دوران مستمرة لمؤشّر تحميل.

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.loader { animation: spin 1s linear infinite; }

غيّر المدة وعدد مرات التكرار في الأداة بالأعلى لترى كيف تتغيّر سرعة الحركة وسلوكها.