CSS शैडो जनरेटर

संदर्भ

CSS box-shadow क्या है?

CSS box-shadow प्रॉपर्टी एक एलिमेंट के फ्रेम के चारों ओर एक या अधिक शैडो इफेक्ट जोड़ती है।

box-shadow सिंटैक्स

box-shadow: [inset] offset-x offset-y [blur-radius] [spread-radius] color;
offset-x: क्षैतिज दूरी। सकारात्मक = दाएं, नकारात्मक = बाएं।

मल्टीपल शैडो लेयर्स का उपयोग

मल्टीपल शैडो को मिलाने से यथार्थवादी गहराई प्रभाव बनता है।

शैडो के लिए डिज़ाइन टिप्स

rgba() या hsla() रंगों का उपयोग करें — अर्ध-पारदर्शी शैडो अधिक प्राकृतिक दिखती हैं।

गोपनीयता

सभी शैडो जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा सर्वर पर नहीं भेजा जाता।