مولّد النيومورفيزم CSS

ابنِ أسطح واجهة ناعمة بارزة.

يستخدم النيومورفيزم ظلين فاتحًا وداكنًا على خلفية مطابقة لجعل العناصر تبدو بارزة بنعومة. اضبط الخلفية والمسافة والشدة والحواف، ثم انسخ CSS.

لون السطح

المسافة20px

الشدة60%

الحواف16px

background: #e0e5ec;
border-radius: 16px;
box-shadow: 20px 20px 30px rgba(174, 181, 195, 0.60), -20px -20px 30px rgba(255, 255, 255, 0.60);

كيفية بناء النيومورفيزم

لماذا يجب أن يشارك العنصر لون الخلفية؟

الوهم يعتمد على اندماج الظلين مع نفس لون السطح، لذا يجب أن يتطابق العنصر وأبوه.

ما الفرق بين الوضع الفاتح والداكن؟

الوضع الداكن يستخدم ظلالًا بيضاء وسوداء خفيفة على خلفية داكنة بدل المظهر الرمادي الفاتح الكلاسيكي.

هل النيومورفيزم متوافق مع إمكانية الوصول؟

استخدمه مع تباين كافٍ للنص ولا تعتمد على الظل وحده لإظهار التفاعل.