مولّد ظل CSS

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

Horizontal offset: 5px

Vertical offset: 5px

Blur radius: 15px

Spread radius: 0px

Shadow color

Opacity: 25%

Inset shadow

Preview

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.