न्यूमोर्फिज्म सीएसएस शैडो - टू-लेयर कोड

यह पृष्ठ पहले से निर्मित क्लासिक न्यूमॉर्फिक जोड़ी के साथ जनरेटर खोलता है: एक हल्की परत ऑफसेट −8px/−8px लगभग सफेद रंग में और एक गहरी परत ऑफसेट 8px/8px म्यूट ग्रे-नीले रंग में, दोनों धुंधले 16px। प्रत्येक पक्ष को स्वतंत्र रूप से ट्यून करने के लिए परत सूची में दो परतों के बीच स्विच करें।

न्यूमोर्फिज्म (सॉफ्ट यूआई) उभरी हुई शैली है जो 2020 के आसपास चरम पर थी: तत्व इसके ऊपर तैरने के बजाय पृष्ठभूमि से बाहर निकले हुए दिखते हैं। ईमानदारी से कहें तो, यह वास्तविक ट्रेड-ऑफ के साथ आता है - प्रभाव केवल तभी काम करता है जब तत्व की पृष्ठभूमि पृष्ठ पृष्ठभूमि से मेल खाती है, और कम-विपरीत किनारे पहुंच को नुकसान पहुंचा सकते हैं - इसलिए अधिकांश टीमें अब इसे एक उच्चारण के रूप में उपयोग करती हैं, न कि संपूर्ण डिज़ाइन भाषा के रूप में।

यदि शैली आपके प्रोजेक्ट में फिट बैठती है, तो यह दो-परत घोषणा विहित प्रारंभिक बिंदु है: सीएसएस की प्रतिलिपि बनाएँ, तत्व और पृष्ठ पृष्ठभूमि को एक ही नरम ग्रे पर सेट करें, और एक मिलान सीमा-त्रिज्या जोड़ें। आपके ब्राउज़र में सब कुछ स्थानीय रूप से चलता है।