आसानी से सुंदर सीएसएस बॉक्स छाया बनाएं
हमारे सहज ज्ञान युक्त अंतरफलक के साथ आश्चर्यजनक बॉक्स छाया उत्पन्न करें। सीएसएस कोड कॉपी करें और इसे तुरंत अपनी परियोजनाओं में उपयोग करें।
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
Less to CSS Converter
अपने कम कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।
CSS3 संक्रमण जेनरेटर
चिकनी अस्पष्टता संक्रमण
उत्पन्न CSS3 आसानी से बदलता है
जटिल CSS3 बनाने के लिए एक शक्तिशाली, सहज ज्ञान युक्त उपकरण कोड लिखे बिना बदल जाता है। वास्तविक समय में परिवर्तनों की कल्पना करें और अपनी परियोजनाओं में उपयोग करने के लिए उत्पन्न सीएसएस की प्रतिलिपि बनाएं।
Hex to Octal
हेक्साडेसिमल संख्याओं को आसानी से ऑक्टल में बदलें
पाठ के लिए अष्टक
ऑक्टल प्रतिनिधित्व को आसानी से टेक्स्ट में बदलें
Reactive Power Converter
विभिन्न इकाइयों के बीच प्रतिक्रियाशील शक्ति को सटीकता और आसानी से परिवर्तित करें