बॉक्स सावली जनरेटर

ऑफसेट, ब्लर, स्प्रेड आणि रंगासह स्तरित बॉक्स-शॅडो डिझाइन करा. कार्डवर पूर्वावलोकन करा, नंतर एका क्लिकमध्ये CSS कॉपी करा.

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

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

Key capabilities

ऑफसेट, ब्लर, स्प्रेड आणि रंगासह स्तरित बॉक्स-शॅडो डिझाइन करा — थेट पूर्वावलोकन समाविष्ट.
तुमच्या ब्राउझरमध्ये चालते
वापरण्यासाठी मोफत

How to use

ऑफसेट, ब्लर आणि स्प्रेड समायोजित करा.
रंग आणि अपारदर्शकता निवडा (किंवा स्तर जोडा).
बॉक्स-शॅडो 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 तपासा (रीसेट, वारसा मिळालेले रंग). व्युत्पन्न केलेला नियम प्रथम एका वेगळ्या स्टाईलशीटमध्ये कॉपी करा.

FAQ

हे माझे CSS अपलोड करते का?

नाही. जनरेटर आणि कन्व्हर्टर तुमच्या ब्राउझरमध्ये थेट पूर्वावलोकनासह चालतात.

मला खाते हवे आहे का?

नाही. टूल उघडा, नियंत्रणे सुधारा आणि CSS कॉपी करा.