Генератор неоморфизма CSS — бесплатно онлайн
Хочется тот самый мягкий вид, когда кнопка как будто выступает из страницы или плавно утопает в ней. Но подобрать две тени вручную — это сплошные догадки и бесконечное копирование туда-сюда. Мы добавили бесплатный инструмент, который делает это за вас — Neumorphism Generator — прямо у вас в браузере.
Что он делает
Он создаёт мягкие элементы интерфейса с парой теней: одной светлой и одной тёмной, чтобы фигура выглядела выпуклой или вдавленной. Вы выбираете основной цвет, размытие и глубину, а превью обновляется на ходу. Когда всё выглядит как надо, вы копируете CSS прямо в свой проект.
Ничего не уходит с вашего устройства
Всё работает прямо в браузере. Ваши цвета и настройки остаются на экране — ничего не загружается и не сохраняется на сервере. Закрыли вкладку — и всё исчезло.
Как пользоваться
- Откройте Neumorphism Generator и выберите основной цвет.
- Двигайте ползунки размытия и глубины, пока фигура не станет выпуклой или вдавленной, как вам нужно.
- Скопируйте CSS и вставьте его в свой проект.
Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.