बक्स छाया जेनरेटर

अफसेट, ब्लर, स्प्रेड, र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस्। कार्डमा पूर्वावलोकन गर्नुहोस्, त्यसपछि एक क्लिकमा CSS प्रतिलिपि गर्नुहोस्।

Box Shadow Generator

Live
Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

  • अफसेट, ब्लर, स्प्रेड र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस् — प्रत्यक्ष पूर्वावलोकन समावेश।
  • तपाईको ब्राउजरमा चल्छ
  • प्रयोग गर्न नि: शुल्क

कसरी प्रयोग गर्ने

  1. अफसेट, ब्लर, र स्प्रेड समायोजन गर्नुहोस्।
  2. रंग र अस्पष्टता छान्नुहोस् (वा तहहरू थप्नुहोस्)।
  3. बक्स-छाया CSS प्रतिलिपि गर्नुहोस्।

How this tool works

  1. अफसेट, ब्लर, र स्प्रेड समायोजन गर्नुहोस्।
  2. रंग र अस्पष्टता छान्नुहोस् (वा तहहरू थप्नुहोस्)।
  3. बक्स-छाया CSS प्रतिलिपि गर्नुहोस्।

Recommended settings

  • पहिले पूर्वनिर्धारित विकल्पहरू प्रयोग गर्नुहोस्, त्यसपछि आवश्यक भए समायोजन गर्नुहोस्

Supported formats

Text / on-page input

File size and limits

  • धेरै जटिल बहु-तह पूर्वावलोकनहरू पुरानो फोनहरूमा ढिलो महसुस हुन सक्छ।

Privacy

रङ र CSS जेनरेटरहरू तपाईंको ब्राउजरमा पूर्ण रूपमा चल्छन्। पूर्वावलोकन र रूपान्तरणले तपाईंको शैलीहरू कहिल्यै अपलोड गर्दैन।

Common use cases

  • तपाईलाई आवश्यक परेको बेला बक्स छाया जेनेरेटर प्रयोग गर्नुहोस्: अफसेट, ब्लर, स्प्रेड, र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस् — प्रत्यक्ष पूर्वावलोकन समावेश।

Troubleshooting

पेस्ट गरेपछि पूर्वावलोकन फरक देखिन्छ

तपाइँको पृष्ठमा प्रतिस्पर्धात्मक CSS को लागी जाँच गर्नुहोस् (रिसेटहरू, विरासत प्राप्त रंगहरू)। उत्पन्न नियमलाई पहिले एक अलग स्टाइलसिटमा प्रतिलिपि गर्नुहोस्।

बारम्बार सोधिने प्रश्नहरू

के यसले मेरो CSS अपलोड गर्छ?

होइन। जेनेरेटर र कन्भर्टरहरू तपाईंको ब्राउजरमा लाइभ पूर्वावलोकनको साथ चल्छन्।

के मलाई खाता चाहिन्छ?

होइन। उपकरण खोल्नुहोस्, नियन्त्रणहरू ट्वीक गर्नुहोस्, र CSS प्रतिलिपि गर्नुहोस्।

सम्बन्धित उपकरणहरू