CSS बॉक्स शैडो जनरेटर
CSS बॉक्स शैडो बनाएँ
आपके ब्राउज़र में चलता है · कोई अपलोड नहीं
यह टूल और इस पेज के निर्देश अभी अंग्रेज़ी में हैं। यह वैसे ही काम करता है: सब कुछ आपके ब्राउज़र में चलता है।
Shadow layers
Box and background
Ready-made
आपका ब्राउज़र इस टूल के लिए बहुत पुराना है। कृपया इसे अपडेट करें, या Chrome, Edge, Firefox या Safari का नया वर्ज़न इस्तेमाल करें।
- कुछ भी आपके डिवाइस से बाहर नहीं जाता
- सर्वर की ओर से साइज़ की कोई सीमा नहीं
- न साइन-अप, न वॉटरमार्क
- मुफ़्त
How to make a box shadow
- Start from a ready-made shadow, or adjust the sliders.
- Add layers: a tight shadow plus a wide, soft one looks most natural.
- Copy the CSS.
Tips
- Low opacity (8 to 20%) and a negative spread give soft, modern shadows.
- Inset shadows look pressed in, for inputs and toggles.
- Change the box and background colors to see the shadow on your own design.
अक्सर पूछे जाने वाले सवाल
Does box-shadow slow down a page?
Rarely. Very large blurs on many moving elements can, so keep animated shadows simple.
Is anything uploaded?
No. The preview is drawn by your browser.