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

Генератор неоморфизма создаёт мягкий, выпуклый вид, известный как неоморфизм или soft UI. Вы выбираете форму — плоскую, вдавленную или выпуклую — и настраиваете расстояние, размытие и радиус скругления поверх цвета фона, а инструмент вживую строит соответствующий CSS box-shadow. Предпросмотр точно показывает, как будет выглядеть элемент, а готовый к копированию блок кода содержит стили. Всё выполняется в браузере.

1. Выберите форму: плоская, вдавленная или выпуклая 2. Задайте цвет фона под свой интерфейс 3. Настройте ползунки расстояния, размытия и радиуса скругления 4. Следите за обновлением предпросмотра в реальном времени 5. Нажмите «Копировать», чтобы получить сгенерированный CSS

Неоморфизм работает лучше всего, когда элемент и фон имеют один цвет, поэтому тени сливаются в мягкий 3D-эффект — выберите цвет фона, близкий к вашей странице. Плоская даёт приподнятый вид, вдавленная утапливает элемент внутрь, а выпуклая добавляет лёгкий градиент для округлого ощущения. Меньшие значения размытия сохраняют края чёткими, большие — мягче. Больший радиус скругления округляет углы для более дружелюбной формы.