आसानी से सुंदर सीएसएस बॉक्स छाया बनाएं
हमारे सहज ज्ञान युक्त अंतरफलक के साथ आश्चर्यजनक बॉक्स छाया उत्पन्न करें। सीएसएस कोड कॉपी करें और इसे तुरंत अपनी परियोजनाओं में उपयोग करें।
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 रैंडम शैडोप्रेरणा के लिए
- जेनरेट किए गए सीएसएस कोड को कॉपी करें और इसे अपने प्रोजेक्ट में पेस्ट करें
Related Tools
CSS3 संक्रमण जेनरेटर
चिकनी अस्पष्टता संक्रमण
उत्पन्न CSS3 आसानी से बदलता है
जटिल CSS3 बनाने के लिए एक शक्तिशाली, सहज ज्ञान युक्त उपकरण कोड लिखे बिना बदल जाता है। वास्तविक समय में परिवर्तनों की कल्पना करें और अपनी परियोजनाओं में उपयोग करने के लिए उत्पन्न सीएसएस की प्रतिलिपि बनाएं।
Less to CSS Converter
अपने कम कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।
SHA-512/224 हॅश कॅल्क्युलेटर
जल्दी और आसानी से SHA-512/224 हैश जनरेट करें
JSON to Base64 Converter
अपने JSON डेटा को सुरक्षित और कुशलता से Base64 प्रारूप में एन्कोड करें
Pantone to RGB
डिजिटल डिज़ाइन के लिए पैनटोन रंगों को RGB मानों में कनवर्ट करें