बक्स छाया जेनरेटर
अफसेट, ब्लर, स्प्रेड, र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस्। कार्डमा पूर्वावलोकन गर्नुहोस्, त्यसपछि एक क्लिकमा CSS प्रतिलिपि गर्नुहोस्।
Box Shadow Generator
LiveCSS output
box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35); border-radius: 24px;
Key capabilities
- अफसेट, ब्लर, स्प्रेड र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस् — प्रत्यक्ष पूर्वावलोकन समावेश।
- तपाईको ब्राउजरमा चल्छ
- प्रयोग गर्न नि: शुल्क
कसरी प्रयोग गर्ने
- अफसेट, ब्लर, र स्प्रेड समायोजन गर्नुहोस्।
- रंग र अस्पष्टता छान्नुहोस् (वा तहहरू थप्नुहोस्)।
- बक्स-छाया CSS प्रतिलिपि गर्नुहोस्।
How this tool works
- अफसेट, ब्लर, र स्प्रेड समायोजन गर्नुहोस्।
- रंग र अस्पष्टता छान्नुहोस् (वा तहहरू थप्नुहोस्)।
- बक्स-छाया CSS प्रतिलिपि गर्नुहोस्।
Recommended settings
- पहिले पूर्वनिर्धारित विकल्पहरू प्रयोग गर्नुहोस्, त्यसपछि आवश्यक भए समायोजन गर्नुहोस्
Supported formats
Text / on-page input
File size and limits
- धेरै जटिल बहु-तह पूर्वावलोकनहरू पुरानो फोनहरूमा ढिलो महसुस हुन सक्छ।
Privacy
रङ र CSS जेनरेटरहरू तपाईंको ब्राउजरमा पूर्ण रूपमा चल्छन्। पूर्वावलोकन र रूपान्तरणले तपाईंको शैलीहरू कहिल्यै अपलोड गर्दैन।
Common use cases
- तपाईलाई आवश्यक परेको बेला बक्स छाया जेनेरेटर प्रयोग गर्नुहोस्: अफसेट, ब्लर, स्प्रेड, र रङको साथ स्तरित बक्स-छायाहरू डिजाइन गर्नुहोस् — प्रत्यक्ष पूर्वावलोकन समावेश।
Troubleshooting
पेस्ट गरेपछि पूर्वावलोकन फरक देखिन्छ
तपाइँको पृष्ठमा प्रतिस्पर्धात्मक CSS को लागी जाँच गर्नुहोस् (रिसेटहरू, विरासत प्राप्त रंगहरू)। उत्पन्न नियमलाई पहिले एक अलग स्टाइलसिटमा प्रतिलिपि गर्नुहोस्।
बारम्बार सोधिने प्रश्नहरू
के यसले मेरो CSS अपलोड गर्छ?
होइन। जेनेरेटर र कन्भर्टरहरू तपाईंको ब्राउजरमा लाइभ पूर्वावलोकनको साथ चल्छन्।
के मलाई खाता चाहिन्छ?
होइन। उपकरण खोल्नुहोस्, नियन्त्रणहरू ट्वीक गर्नुहोस्, र CSS प्रतिलिपि गर्नुहोस्।
सम्बन्धित उपकरणहरू
Text Shadow Generator
Craft readable text-shadow styles with live typography preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool