[css] الدرس 6 : كتابة كود css من حروف b جزء 2 | بلوجر

[css] الدرس 6 : كتابة كود css من حروف b جزء 2


بسم الله الرحمن الرحيم
درس css حرف b الجزء 2
درس اليوم من سى ا س اس هو حرف بى الجزء الثانى
اولا box-shadow
البوكس شادو هو تاثير الظل على الاشكال وليس النص او الكلام
وهذا التاثير احترافى ويتم كتابتة بهذة الطريقة
Box-shadow: 0px 0px 10px #000 ;
ü حيث ان اللون البرتقالى هو اسم التاثير
ü اللون الاحمر هو اتجاه الظل ناحيه اليمين او اليسار ودرجتة الموجبة هى ناحية اليمين والسالبة ناحية اليسار
ü واللون الازرق هو اتجاهه لاعلى او لاسفل حيث الموجبة للاسفل والسالبة للاعلى
ü البنفسجى هو سعة الظل حيث كلما زاد زاد نطاق الظل
ü والاخضر هو لون الظل
وهذا مثال

ولاحظنا فى هذا المثال انه حين لم نغير اول جزئين كان الظل ثابت اسفل الشكل
وهذا مثال اخر


نلاحظ هنا انه باضافة جزء رابع صار الجزء الثالث هو مدى التشتت والرابع هى سعة الظل بحيث لو تحولت 28px الى 0px سوف يصبح مدى التشتت هكذا

وكانه ظل صلب

يمكن ايضا تغيير شكل الظل بحيث يجعل الجسم وكانه منير بتكرار الكود واضافة علامة , بحيث يكون هكذا


ويمكن تكرارة اكثر من مرة بحيث يزيد الشعاع مثل

وهكذا هو تاثير الظل
بعد نهاية هذا الجزء يجب ان تكون قادر على
ü  كتابة كود بوكس شادو
ü  تنسيق الكود بحيث يتناسب معك
ü  انشاء جسم مضئ فى مدونتك
شارك
    تعليقات بلوجر
    تعليقات الفيسبوك

2 التعليقات: