UTILS.
Приватність за замовчуванням
◳

Генератор неоморфізму

Створюйте м'які неоморфні тіні з живим переглядом і копіюйте.

Ваші файли залишаються на цьому пристрої

Файли обробляються у браузері й не надсилаються на сервер. Сайт завантажує код і ресурси для роботи інструментів. Без акаунтів і трекерів.

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Проєктуйте м'які неоморфні елементи з парними світлою та темною тінями, регульованими розміром, відстанню, інтенсивністю та розмиттям, плюс опуклим чи увігнутим виглядом, потім скопіюйте CSS. Наживо у вашому браузері.

Поширені запитання

Чому неоморфізм використовує дві тіні?
Одна світла тінь і одна темна на протилежних кутах імітують єдине джерело світла, через що елемент здається витисненим із фону.
У чому різниця між опуклим та увігнутим?
Опуклий виглядає піднятим над поверхнею, тоді як увігнутий інвертує градієнт і тіні, тож елемент здається втиснутим у неї.

Більше інструментів