Glass3D — генератор скляних CSS-ефектів

Про ресурс

Glass3D — браузерний генератор CSS для ефекту матового скла в інтерфейсах. Прозорість, розмитий фон, текстура й багатошарові тіні створюють відчуття об’єму у картках, панелях та інших вебелементах. У секції backdrop-filter можна окремо змінювати розмиття, яскравість і насиченість. Секція кольору керує відтінком, насиченістю, світлістю та прозорістю. Фільтр, колір і текстуру можна вмикати або вимикати незалежно. Інструмент пропонує п’ять текстурних пресетів: rice paper, egg shell, ink jet, coarse і topology. Темне та світле фото або відеофон допомагають оцінити той самий ефект на різному контенті. Зміни відображаються на панелі самого генератора. Кнопка Copy CSS призначена для копіювання стилів у проєкт. Код поєднує CSS-змінні, backdrop-filter, псевдоелементи й тіні. Це зручний спосіб підібрати декоративний акцент; його читабельність і продуктивність варто перевірити в цільовому інтерфейсі. Генератор відкритий без оплати та реєстрації. Окремої публічної ліцензії на код сайту не знайдено. Текстури завантажуються з Transparent Textures: перевіряйте їхні умови, а для робочого сайту збережіть потрібний файл у себе замість використання демонстраційного зовнішнього посилання.

Використання та ліцензія

Доступ безкоштовний. Окремої ліцензії на код сайту не знайдено; не вважайте його open source. Для сторонніх текстур діють умови їхнього джерела. Автор рекомендує самостійно розміщувати текстури для робочих сайтів.

Перед використанням перевірте актуальні умови на сайті автора.