CSS box-shadow जनरेटर
ऑफ़सेट, ब्लर, फैलाव, रंग और अपारदर्शिता को नतीजा देखते हुए समायोजित करें और CSS ले जाएँ। कई छायाएँ परतों में रखकर ज़्यादा स्वाभाविक गहराई देने वाले प्रीसेट भी हैं।
🎨 सब कुछ आपके ब्राउज़र में चलता है। कुछ इंस्टॉल करने या साइन-अप करने की ज़रूरत नहीं।
क्षैतिज ऑफ़सेट0px
लंबवत ऑफ़सेट8px
ब्लर20px
फैलाव-4px
अपारदर्शिता20%
box-shadow: 0px 8px 20px -4px rgba(15, 23, 42, 0.20);
स्वाभाविक छाया अक्सर सीधे नीचे गिरती है (क्षैतिज ऑफ़सेट 0) और काले की जगह बैकग्राउंड से थोड़ा गहरा हल्का नेवी रंग लेती है। पूरी काली छाया मैली दिखती है।
यह उपकरण क्या करता है
- ऑफ़सेट, ब्लर, फैलाव और रंग
- अंदर की छाया (inset) समर्थित
- बहु-परत वाले स्वाभाविक प्रीसेट
- CSS कॉपी करें
और रंग उपकरण
आपकी स्क्रीन और उसकी कलर प्रोफ़ाइल के हिसाब से रंग कुछ अलग दिख सकते हैं।