CSS न्यूमोर्फिज़्म जनरेटर
Surface और प्रकाश दिशा समायोजित करें, preview देखें और सुरक्षित plain-text CSS कॉपी करें।
LIVE PREVIEW
Neumorphism
उपयोग कैसे करें
उपयोग कैसे करें
- बैकग्राउंड रंग चुनें और कोने, दूरी, blur व intensity बदलें।
- प्रकाश कोण सेट करें और browser में preview देखें।
- बना हुआ box-shadow declaration stylesheet में कॉपी करें।
जोड़ी वाली soft shadow
न्यूमोर्फिज़्म एक ही surface पर हल्की और गहरी shadow का उपयोग करता है; यह base color और प्रकाश कोण से बनती है।
सुरक्षित plain-text output
परिणाम केवल CSS declaration है। Preview style properties से बनता है और input HTML को parse या execute नहीं करता।
दृश्य शुरुआती आधार
प्रभाव आसपास के background और contrast पर निर्भर है। वास्तविक UI में जाँचें और महत्वपूर्ण state के लिए अन्य संकेत भी दें।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या HTML बनता है?
नहीं। केवल box-shadow CSS declaration बनता है।
क्या input upload होता है?
नहीं। गणना, preview और CSS इसी browser में स्थानीय हैं।
दो shadows क्यों हैं?
हल्की और गहरी shadow मिलकर उभरा या धँसा हुआ प्रभाव बनाती हैं।