CSS शैडो जेनरेटर
छाया सेटिंग्स
प्रीसेट
शैडो पूर्वावलोकन
सीएसएस कोड
.element {
box-shadow: 0px 10px 20px rgba(0, 0, 0, 1);
}
? अक्सर पूछे जाने वाले प्रश्न
मैं कौन-कौन सी CSS शैडो प्रॉपर्टी जनरेट कर सकता हूँ?
यह टूल एलिमेंट्स के लिए बॉक्स शैडो और टेक्स्ट के लिए टेक्स्ट शैडो जनरेट करता है। आप हॉरिजॉन्टल/वर्टिकल ऑफसेट, ब्लर रेडियस, स्प्रेड रेडियस (केवल बॉक्स के लिए), रंग और इनसेट शैडो को नियंत्रित कर सकते हैं। कई शैडो को लेयर में जोड़ा जा सकता है।
मैं यथार्थवादी छाया प्रभाव कैसे बना सकता हूँ?
वास्तविक दिखने वाली परछाइयों में अलग-अलग धुंधलापन और अपारदर्शिता मानों वाली कई परतों का उपयोग करके असली रोशनी का प्रभाव पैदा किया जाता है। वस्तु के पास एक गहरी, तीखी परछाई से शुरुआत करें, फिर गहराई देने के लिए हल्की, नरम परछाइयाँ जोड़ें।
ब्लर और स्प्रेड में क्या अंतर है?
ब्लर रेडियस शैडो के किनारों की धुंधलाहट को नियंत्रित करता है (जितना अधिक होगा, शैडो उतनी ही धुंधली होगी)। स्प्रेड रेडियस धुंधला होने से पहले शैडो के आकार को बढ़ाता या घटाता है। स्प्रेड रेडियस केवल बॉक्स शैडो के लिए उपलब्ध है, टेक्स्ट शैडो के लिए नहीं।
क्या मैं आंतरिक परछाई बना सकता हूँ?
जी हाँ! 'इनसेट' कीवर्ड एलिमेंट के अंदर दिखने वाली आंतरिक परछाई बनाता है, जिससे एलिमेंट धंसा हुआ या अंदर की ओर धंसा हुआ दिखता है। यह दबे हुए बटन या धंसी हुई सतहें बनाने के लिए बहुत उपयोगी है।
क्या इसमें लाइव प्रीव्यू दिखाया जाता है?
जी हां, शैडो पैरामीटर एडजस्ट करते समय जनरेटर आपको रियल-टाइम विजुअल प्रीव्यू दिखाता है। आप देख सकते हैं कि शैडो कैसी दिखती है और जनरेट किए गए CSS कोड को सीधे अपनी स्टाइलशीट में कॉपी कर सकते हैं।
क्या मेरा डेटा सुरक्षित है?
जी हाँ, बिल्कुल! यह टूल पूरी तरह से आपके ब्राउज़र में चलता है। सभी डेटा प्रोसेसिंग आपके डिवाइस पर ही होती है - कुछ भी हमारे सर्वर पर अपलोड नहीं होता। आपकी फ़ाइलें और डेटा कभी भी आपके कंप्यूटर से बाहर नहीं जाते, जिससे पूरी गोपनीयता और सुरक्षा सुनिश्चित होती है।