مولّد ظل CSS

أنشئ خاصية box-shadow في CSS بصرياً باستخدام أشرطة التمرير. شاهد معاينة مباشرة وانسخ شفرة CSS. يدعم الظلال الخارجية والداخلية وتعدد الظلال.

CSS

  

الميزات

Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code

طريقة الاستخدام

1. حرّك أشرطة التمرير للإزاحة الأفقية والعمودية والتمويه والانتشار.

2. اختر لوناً باستخدام منتقي الألوان.

3. فعّل Inset للظل الداخلي.

4. انسخ شفرة CSS المولّدة.

الأسئلة الشائعة

What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.

أدوات ذات صلة