Tailwind CSS • المستوى الثالث
فهرس المسارالتجاوب، التفاعلية، والوضع الداكن
تكييف التصميم للشاشات المختلفة، التأثيرات التفاعلية، دعم Dark Mode، والتحويلات البصرية.
01
الدرس 1: التصميم المتجاوب ونقاط التوقف (Responsive Breakpoints)
فهم أسلوب Mobile-First واستخدام البادئات sm:, md:, lg:, xl: لبناء واجهات تتكيف مع جميع الشاشات.
02
الدرس 2: حالات التفاعل والانتقالات (Hover, Focus & Transitions)
إضافة الحركية والتفاعل عند تحريك الماوس hover: أو التركيز focus: مع استخدام transition-all و duration-*.
03
الدرس 3: دعم الوضع الداكن (Dark Mode & Color Schemes)
تطبيق التبديل السلس بين الثيم الفاتح والداكن بأسلوب احترافي باستخدام بادئة dark:.
04
الدرس 4: التبديل الشكلي والتحويلات (Transforms, Filters & Backdrop)
إضافة تأثيرات التكبير scale، الدوران rotate، الضبابية blur، والزجاج المضبب backdrop-blur.