CSS box-shadow जनरेटर

CSS ड्रॉप शैडो के मापदंडों को समायोजित करें और तुरंत संबंधित box-shadow मान प्राप्त करें, लाइव पूर्वावलोकन के साथ। 100% स्थानीय प्रोसेसिंग आपके ब्राउज़र में (WebAssembly) — सर्वर को कुछ भी नहीं भेजा जाता है।

उदाहरण:

यह कैसे काम करता है

CSS box-shadow गुण क्षैतिज ऑफ़सेट, ऊर्ध्वाधर ऑफ़सेट, धुंधला त्रिज्या, फैलाव त्रिज्या, रंग और आंतरिक छाया के लिए वैकल्पिक "inset" कीवर्ड स्वीकार करता है। यह उपकरण इन मानों को लाइव बनाता है ताकि आपको सही सेटिंग्स का अनुमान न लगाना पड़े।

धुंधलापन और फैलाव में क्या अंतर है?

धुंधलापन छाया के किनारों को नरम करके क्रमिक बनाता है, जबकि फैलाव धुंधलापन लागू करने से पहले छाया के आकार को बढ़ाता या घटाता है।

"inset" विकल्प का उपयोग किस लिए किया जाता है?

यह ड्रॉप शैडो को आंतरिक छाया में बदल देता है, जो तत्व के अंदर प्रक्षेपित होती है, अक्सर गहराई या इनपुट फ़ील्ड प्रभाव देने के लिए उपयोग किया जाता है।

100% स्थानीय प्रोसेसिंग: गणना पूरी तरह से आपके ब्राउज़र में WebAssembly के माध्यम से होती है, सर्वर को कोई डेटा नहीं भेजा जाता है।