CSS बॉक्स शैडो जनरेटर
ऑफ़सेट, धुंधलापन, फैलाव और रंग स्लाइडर से बॉक्स शैडो बनाएँ, फिर CSS कॉपी करें।
उपयोग कैसे करें
Build a shadow
Move the sliders to adjust the horizontal offset, vertical offset, blur and spread. Choose a color and enable inset for an inner shadow.
- Adjust the four sliders.
- Pick a shadow color.
- Copy the generated box-shadow declaration.
Negative values
Offsets and spread accept negative values, which move the shadow up or left and shrink it.
अक्सर पूछे जाने वाले प्रश्न
What is spread?
Spread expands or contracts the shadow before it is blurred. Positive values make the shadow larger.
Why is my shadow translucent?
The generated color includes partial transparency so the shadow blends with the background. Replace the color value if you want it fully opaque.
संबंधित टूल
बॉर्डर रेडियस जनरेटर
प्रत्येक कोने के लिए CSS border-radius मान पिक्सेल या प्रतिशत में देखें और कॉपी करें।
CSS ग्रेडिएंट जनरेटर
लाइव पूर्वावलोकन और कॉपी करने योग्य CSS के साथ रैखिक या रेडियल CSS ग्रेडिएंट बनाएँ।
CSS फ़ॉर्मैटर
प्रति पंक्ति एक property और एकसमान इंडेंटेशन के साथ CSS सुंदर बनाएँ।
UUID / GUID जनरेटर
रैंडम वर्ज़न 4 UUID बनाएँ और उन्हें एक-एक या एक साथ कॉपी करें।
हैश जनरेटर
किसी भी टेक्स्ट के MD5, SHA-1, SHA-256 और SHA-512 डाइजेस्ट की गणना करें।
टाइमस्टैम्प कन्वर्टर
Unix टाइमस्टैम्प, ISO 8601 और पढ़ने योग्य स्थानीय तारीखों के बीच बदलें।