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