UTILS.
100% у браузері

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

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

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

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

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

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

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