ساخت افکت Neumorphism

افکت نئومورفیسم (صاف، مقعر، محدب یا فرورفته) با کنترل فاصله، بلور و شدت سایه بسازید و کد CSS آن را کپی کنید.

شکل

رنگ پس‌زمینه

اندازه: 200px

فاصله‌ی سایه: 20px

بلور: 40px

شدت: 15٪

CSS

background: #e0e5ec;
border-radius: 50px;
box-shadow: 20px 20px 40px rgb(190, 195, 201), -20px -20px 40px rgb(229, 233, 239);

ابزار ساخت افکت Neumorphism، استایل نرم و برجسته‌ی محبوب امروزی را می‌سازد. عناصری که انگار از دل صفحه بیرون آمده‌اند.

حالت (صاف، مقعر، محدب یا فرورفته)، فاصله، بلور و شدت سایه را تنظیم کنید تا افکت نئومورفیسم با پیش‌نمایش زنده ساخته و کد CSS آن کپی شود.

نئومورفیسم با ترکیب دو سایه‌ی روشن و تیره، حس برجستگی یا فرورفتگی نرم روی هم‌رنگ پس‌زمینه ایجاد می‌کند.

طراحان رابط کاربری مدرن از این ابزار استفاده می‌کنند. برای سایه‌های کلاسیک‌تر از ساخت سایه CSS کمک بگیرید.

سوالات متداول

نئومورفیسم چیست؟

نئومورفیسم سبک طراحی‌ای است که با سایه‌های نرم روشن و تیره، عناصر را انگار از دل پس‌زمینه‌ی هم‌رنگ برجسته یا فرورفته نشان می‌دهد.

چرا افکت نئومورفیسم من دیده نمی‌شود؟

این افکت وقتی خوب کار می‌کند که رنگ عنصر و پس‌زمینه یکسان یا بسیار نزدیک باشد؛ روی پس‌زمینه‌ی سفید یا خیلی متضاد ضعیف دیده می‌شود.

آیا نئومورفیسم برای دسترس‌پذیری خوب است؟

چون کنتراست پایینی دارد، باید در استفاده احتیاط کرد و برای متن و عناصر مهم کنتراست کافی حفظ کرد.