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.