تأثير تركيز (Focus) في CSS يشير إلى حالة عنصر HTML عندما يتم تحديده أو تحديد تركيزه بواسطة المستخدم، عادةً باستخدام لوحة المفاتيح أو الماوس. عندما يتم وضع التركيز على عنصر، يمكن للمطورين تخصيص التصميم والأنماط الخاصة بهذا الحالة باستخدام خصائص CSS المخصصة لحالة التركيز. يمكن استخدام التركيز لتحسين تجربة المستخدم وتسهيل التنقل والتفاعل مع الموقع على الويب.
روابط القناة على جميع المنصات
يوتيوب | / @mhmajeid
تلقرام | t.me/mhmajeid
الفيسبوك | / @mhmajeid
انستجرام | / mhmajeid
تويتر اكس | / mhmajeid
تيكتوك | www.tiktok.com/mhmajeid
ديسكورد | / discord
❤️رابط دعم القناة:
/ @mhmajeid
🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID • أسهل طريقة لبدء استخدا...
👈defer Attribute In JavaScript | • defer Attribute In Jav...
👈How To Create Filter/Search List In JavaScript • How To Create Filter/S...
👈not() Selector In CSS • 19- not() Selector In ...
👈has() Selector In CSS • 18- has() Selector In ...
👈is() selector In CSS • 17- is() selector In C...
👈New CSS nth-child() number of class • 16- New CSS nth-child(...
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها ! • أخطاء قد تفعلها دون أن...
👈Gradient Borders in CSS • Gradient Borders in CSS
👈CSS Before and After Pseudo elements • CSS Before and After P...
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS! • تحسين تلميحات التحقق م...
👈استدعاء واستخدام Font awesome 6 في المواقع • استدعاء واستخدام Font ...
00:00 | المقدمة
00:14 | شرح focus في CSS
01:43 | شرح focus-within
03:57 | شرح focus-visible
05:27 | الفرق بين حالات focus
10 июл 2024