आसानी से सुंदर सीएसएस बॉक्स छाया बनाएं

हमारे सहज ज्ञान युक्त अंतरफलक के साथ आश्चर्यजनक बॉक्स छाया उत्पन्न करें। सीएसएस कोड कॉपी करें और इसे तुरंत अपनी परियोजनाओं में उपयोग करें।

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

सीएसएस ब्यूटीफायर

पेशेवर सटीकता के साथ अपने सीएसएस कोड को प्रारूपित और सुशोभित करें

स्टाइलस टू सीएसएस कन्वर्टर

अपने SCSS कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।

SCSS से CSS कन्वर्टर

अपने SCSS कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।

बेस 64 से JSON डिकोडर

बेस 64 एन्कोडेड स्ट्रिंग्स को तुरंत स्वरूपित JSON में कनवर्ट करें। बिना किसी डेटा अपलोड के आपके ब्राउज़र में स्थानीय रूप से काम करता है।

रोमन अंकों से संख्या परिवर्तक

चरण-दर-चरण स्पष्टीकरण के साथ रोमन अंकों को उनके संख्यात्मक समकक्षों में कनवर्ट करें

औसत कैलकुलेटर

हमारे उपयोग में आसान टूल के साथ संख्याओं के एक सेट के औसत (अंकगणितीय माध्य) की त्वरित गणना करें।