الانتقالات الناعمة (transition-property, duration, timing-function, delay)

**Transitions** تُحوّل التغييرات اللحظية في CSS إلى انتقالات سلسة.

**transition-property:** الخاصية التي تُحرَّك. استخدم `all` بحذر.

**transition-duration:** مدة الانتقال بالثواني (s) أو الميلي ثانية (ms).

**transition-timing-function:** سرعة الانتقال عبر الزمن: - `ease` — بطيء-سريع-بطيء (الافتراضي) - `linear` — سرعة ثابتة - `ease-in` — يبدأ بطيئاً - `ease-out` — ينتهي بطيئاً - `ease-in-out` — بطيء في البداية والنهاية - `cubic-bezier(x1, y1, x2, y2)` — منحنى مخصص

**transition-delay:** تأخير البداية.

**الاختصار:** `transition: property duration timing-function delay;` `transition: all 0.3s ease;`

**انتقالات متعددة:** `transition: color 0.2s ease, background 0.3s ease, transform 0.2s ease;`