← Все инструменты для текста

Генератор глассморфизма

Создавайте карточки с эффектом матового стекла с живым предпросмотром и копируйте CSS.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Генератор глассморфизма

Создайте эффект матового стекла, популярный в современных интерфейсах. Ползунки управляют размытием фона, прозрачностью, границей и тенью в предпросмотре, а инструмент выдаёт CSS с backdrop-filter. Эффект виден, только если за карточкой находится что-то цветное, поэтому проверьте его на градиенте или фото.

Как пользоваться инструментом «Генератор глассморфизма»

  1. Задайте параметры выше. Результат обновляется на лету.
  2. Меняйте что угодно, пока всё не станет как надо.
  3. Скопируйте результат или скачайте его.

Чем полезен этот инструмент?

Другие названия

Частые вопросы

Почему не виден размытый backdrop-filter?

Элементу нужен полупрозрачный фон, и позади него должно быть что-то, что можно размыть. Некоторым старым браузерам нужен префикс -webkit-backdrop-filter, и этот генератор включает его в CSS.

Инструмент «Генератор глассморфизма» бесплатный?

Да. Инструмент «Генератор глассморфизма» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

Похожие инструменты