+ دليل المبرمجين - تعرف على بعض الحيل الموجودة في الـ CSS

تعرف على بعض الحيل الموجودة في الـ CSS

ثريدات برمجية

 بنتكلم عن بعض الخصائص و الحيل الجديدة التي تسرع من عملك كمصمم الويب في الـ CSS 

 1- where() pseduo-class function 

 عندما تريد تطبيق نفس النمط على عناصر متعددة، مثال بالطريقة العادية: 

1.png 11.93 KB

 مثال بطريقة where:

2.png 12.06 KB
 

 2- Conic gradients 

 تتيح لك CSS Gradients عرض سلسة الوان. تُنشئ دالة conic-gradient صورة تتكون من تدرج مع انتقالات لونية تدور حول نقطة مركزية. تشمل المخططات الدائرية وعجلات الألوان.

3.png 13.18 KB
 

 3- Scroll Snap 

 إنه مفيد جدًا عندما تريد جذب انتباه المستخدم إلى أجزاء معينة من موقع الويب الخاص بك. بالإضافة إلى ذلك ، يساعدك في إنشاء انتقالات تمرير رائعة.

4.png 18.94 KB
 

 4- setting aspect ratio 

 نسبة العرض الى الارتفاع، والتي يتم استخدامها في حساب الاحجام التلقائية وبعض وظائف التخطيط الاخرى. 

5.png 11.67 KB

 كتبه @khalifa_alqiadi