सहजतेने सुंदर CSS बॉक्स शॅडो तयार करा
आमच्या अंतर्ज्ञानी इंटरफेससह आश्चर्यकारक बॉक्स शॅडो तयार करा. CSS कोड कॉपी करा आणि तो तुमच्या प्रोजेक्टमध्ये त्वरित वापरा.
Preview
बॉक्स शॅडो
मला कस्टमाइझ करा
सीएसएस आउटपुट
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
सावली नियंत्रणे
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
मऊ सावली
मध्यम सावली
भारी सावली
आतील सावली
तीव्र कर्ण
बाह्यरेखा चमक
दुहेरी सावली
उचललेला प्रभाव
कसे वापरायचे
मूलभूत नियंत्रणे
- समायोजित कराक्षैतिज ऑफसेटसावली डावीकडे किंवा उजवीकडे हलविण्यासाठी
- समायोजित कराउभ्या ऑफसेटसावली वर किंवा खाली हलविण्यासाठी
- वाढवाअस्पष्ट त्रिज्यासावली मऊ करण्यासाठी
- Use स्प्रेड रेडियससावलीचा एकूण आकार वाढवणे किंवा कमी करणे
- बदलाColor and Opacityसावलीचे स्वरूप सानुकूलित करण्यासाठी
प्रगत वैशिष्ट्ये
- Enable इनसेट सावलीआतील सावलीचा प्रभाव तयार करण्यासाठी
- Use अनेक सावल्याअधिक जटिल परिणामांसाठी
- सेव्ह करा आणि लोड कराPresetsतुमच्या आवडत्या सावल्यांमध्ये जलद प्रवेशासाठी
- Click रँडम सावलीप्रेरणेसाठी
- तयार केलेला CSS कोड कॉपी करा आणि तो तुमच्या प्रोजेक्टमध्ये पेस्ट करा.
Related Tools
स्टायलस ते सीएसएस कन्व्हर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
बेस६४ ते इमेज कन्व्हर्टर
वेब डेव्हलपमेंट आणि डेटा व्हिज्युअलायझेशनसाठी बेस६४ स्ट्रिंग्सना इमेजेसमध्ये परत रूपांतरित करा.
कोणत्याही उद्देशासाठी यादृच्छिक शब्द तयार करा
सानुकूल लांबी, जटिलता आणि स्वरूपण पर्यायांसह यादृच्छिक शब्द तयार करा.
हेक्स ते ऑक्टल
हेक्साडेसिमल संख्यांना सहजतेने ऑक्टलमध्ये रूपांतरित करा