DevTulz Online

CSS Box Shadow जनरेटर

पृष्ठभूमि


CSS Box Shadow क्या है?

CSS box-shadow प्रॉपर्टी किसी एलिमेंट के फ्रेम के चारों ओर छाया प्रभाव जोड़ती है। छाया को ऑफसेट, धुंधला, फैलाया, रंगा और inset (आंतरिक छाया) के रूप में सेट किया जा सकता है। कॉमा से अलग की गई कई छाया को समृद्ध प्रभावों के लिए स्तरित किया जा सकता है। यह जनरेटर आपको जटिल बहु-स्तरीय छाया विज़ुअली बनाने और क्लिपबोर्ड पर पेस्ट के लिए तैयार CSS कॉपी करने देता है।

Box Shadow जनरेटर का उपयोग कैसे करें

  1. छाया को स्थिति देने और आकार देने के लिए Offset X/Y, Blur और Spread स्लाइडर समायोजित करें।

  2. छाया का रंग चुनने के लिए कलर स्वॉच पर क्लिक करें, और पारदर्शिता के लिए Opacity स्लाइडर का उपयोग करें।

  3. आंतरिक चमक या दबाया हुआ प्रभाव बनाने के लिए 'Inset' टॉगल करें।

  4. कई छाया को स्टैक करने के लिए '+ लेयर जोड़ें' क्लिक करें।

  5. जनरेट किया गया CSS कॉपी करें और अपनी स्टाइलशीट में पेस्ट करें।

Keywords: CSS box shadow जनरेटर, box-shadow CSS, CSS छाया टूल, CSS drop shadow, inset shadow, बहु-स्तरीय छाया, CSS shadow ऑनलाइन