أداة عبر الإنترنت CSS Box Shadow Generator

color
color

قم بإنشاء خصائص box shadow للحصول على نمط CSS.

استخدم أشرطة التمرير ومنتقي الألوان لتعيين القيم ومشاهدة المعاينة المباشرة حتى تصل إلى التأثير المطلوب. حدد التحول لليمين ، الانتشار ، التمويه ، التعتيم ، اللون.

حدد لونًا مخصصًا لخلفية المعاينة وكائنك.

 

إضافة مربع متعدد الظلال

تسمح لنا متصفحات الويب بإضافة أكثر من ظلال إلى تصميمنا وكذلك تفعل هذه الأداة عبر الإنترنت. استخدم الزر "إضافة جديد" لحفظ السطر الحالي وإعداد سطر جديد. 

 

بنية CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

ملاحظة:  لإرفاق أكثر من ظل واحد بعنصر ما ، أضف قائمة من الظلال مفصولة بفواصل (انظر مثال "جربها بنفسك" أدناه).