Ефект рифленого скла для будь-якого зображення
Ребристе скло заломлює зображення за ним у м'які вертикальні смуги — вигляд рифленого скла з інтер'єрів і предметних зйомок, наживо на вашому GPU.
Більше ефектів для зображень
Усі ефекти
Ефект рифленого скла — як це працює
Заломлення рифленого скла: погляньте на будь-яке фото крізь ребристе скло.
Справжнє заломлення, а не накладені смуги
Кожне ребро працює як маленька циліндрична лінза: стискає й зсуває частину зображення за собою, тож форми розпадаються на зміщені смуги — точно як крізь рифлене скло. «Заломлення» визначає, наскільки сильно кожне ребро викривлює зображення, а кількість ребер — скільки їх перетинає кадр.
Тінь, відблиск і матовість
Справжнє скло темніше в стиках між ребрами й ловить світло на їхніх гребенях. «Тінь» і «Ширина стику» додають ці темні борозни, «Відблиск» — світлий гребінь, а «Матовість» розмиває все за склом для сатинового вигляду. Підфарбуйте тінь і відблиск, щоб отримати кольорове скло.
Рендериться на вашому GPU
Ефект — це WebGL-шейдер, тож прев'ю оновлюється миттєво, а завантажений PNG рендериться тим самим шейдером у повній роздільності. Нічого не завантажується на сервер.
Часті запитання
Його ще називають ребристим: це скло з паралельними заокругленими ребрами, що розмивають і викривлюють усе за ним. Воно популярне в дизайні інтер'єру, а у 2025–26 роках — і в продуктових та UI-візуалах.
Для фонів інтерфейсу спробуйте «Генератор Liquid Glass» у розділі «CSS-інструменти»; ця сторінка накладає ефект на зображення.
Ефекту потрібен WebGL. Якщо у вашому браузері його вимкнено, зображення лишається без змін.