UTILS.
Приватность по умолчанию
◳

Генератор неоморфизма

Создавайте мягкие неоморфные тени с живым превью и копируйте.

Ваши файлы остаются на этом устройстве

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

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

Об этом инструменте

Создавайте мягкие неоморфные элементы с парными светлой и тёмной тенями, регулируемыми размером, расстоянием, интенсивностью и размытием, а также выпуклым или вогнутым видом, затем скопируйте CSS. Вживую в вашем браузере.

Часто задаваемые вопросы

Почему в неоморфизме используются две тени?
Одна светлая тень и одна тёмная на противоположных углах имитируют единый источник света, благодаря чему элемент кажется выступающим из фона.
В чём разница между выпуклым и вогнутым?
Выпуклый выглядит приподнятым над поверхностью, а вогнутый инвертирует градиент и тени, так что элемент кажется вдавленным в неё.

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