مولّد Neumorphism
صمّم أسطح واجهة نيومورفية ناعمة وبارزة بظلال مزدوجة وانسخ كود CSS.
—
تطابق خلفية اللوحة لون العنصر — وهذا ما يمنح المظهر النيومورفي الناعم والبارز فعاليته.
افتراضيًا تُشتق الظلال الفاتحة والداكنة من اللون الأساسي. فعّل الخيار لتحديدها بنفسك.
حول مولّد Neumorphism
مولّد Neumorphism يصمّم مظهر "الواجهة الناعمة" المبثوق الناعم: عنصر يبدو مضغوطاً للخارج — أو للداخل — من السطح خلفه. اختر لوناً أساسياً واحداً وتشتق الأداة كل شيء آخر، لأن التأثير يعمل فقط عندما يتشارك العنصر والخلفية نفس اللون ويأتي العمق بالكامل من ظلين متعاكسين.
تتحكم أشرطة التمرير في الهندسة: الحجم، نصف قطر الحواف، مسافة الظلال، شدتها وطمسها. أربعة أوضاع شكل — flat، concave، convex وpressed — تبدّل التدرج الداخلي واتجاه الظل، ومنتقي مصدر الضوء يحرّك الإبراز إلى أي من الزوايا الأربع بحيث يطابق العنصر إضاءة تصميمك.
افتراضياً تُحسَب ألوان الظل الفاتح والداكن من اللون الأساسي، لكن الوضع اليدوي يتيح لك ضبط كليهما بنفسك. CSS المُولَّد — background ونصف القطر والظل المزدوج — على بعد نقرة واحدة.
كيفية استخدام مولّد Neumorphism
- اختر اللون الأساسي — يُطبَّق على العنصر والقماش خلفه معاً.
- اختر شكلاً: flat أو concave أو convex أو pressed.
- اضبط زاوية مصدر الضوء للتحكم في مكان سقوط الإبراز.
- اضبط الحجم ونصف قطر الحواف والمسافة والشدة والطمس باستخدام أشرطة التمرير.
- فعّل ألوان الظل اليدوية إذا أردت تجاوز الدرجات الفاتحة والداكنة المشتقة.
- انسخ CSS والصقه على عنصرك.