منشئ Neumorphism CSS
صمم عناصر واجهة ناعمة بظلال neumorphic وأشكال ودعم الوضع الفاتح/الداكن
حول منشئ Neumorphism CSS
صمم عناصر واجهة ناعمة بظلال neumorphic — مسطحة ومقعرة ومحدبة ومضغوطة مع دعم الوضع الفاتح/الداكن، كل شيء في المتصفح.
كيفية استخدام منشئ Neumorphism CSS
- 1اختر نوع الشكل: مسطح أو مقعر أو محدب أو مضغوط.
- 2انتقل بين وضعي اللون الفاتح والداكن.
- 3اضبط المسافة والشدة والتمويه ونصف قطر الحدود للتأثير النيومورفي.
- 4عيّن حجم العنصر ولون الخلفية.
- 5اعرض النتيجة وانسخ مخرجات CSS.
نصائح
- Neumorphism يعمل بشكل أفضل مع ألوان ناعمة غير مشبعة — تجنب الأبيض النقي أو الألوان الزاهية.
- استخدم الحالة المضغوطة للأزرار النشطة والحالة المحدبة للأزرار الافتراضية.
- تصميمات Neumorphic قد تضر بسهولة الوصول — تأكد دائماً من تباين كافٍ للنص على العناصر النيومورفية.
المجاني مقابل المدفوع
مجاني: الأشكال الأساسية. Starter+: أشكال مميزة.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4