Настройки›Материал
Материал
Типов стекла нет, есть только настройки. Значения по умолчанию подогнаны под системное стекло macOS.
Задать настройку можно тремя способами. Атрибуты важнее CSS-переменных.
<edinstvo-glass frost="0.2" refraction="0.6"></edinstvo-glass>
<style>
edinstvo-glass { --glass-depth: 18; }
</style>element.material = { frost: 0.2, tint: "#e54d33" };Настройки
| Атрибут | Диапазон | Что делает |
|---|---|---|
refraction | 0 – 1 | Насколько сильно кромка преломляет то, что за ней |
depth | 0 – 96 px | Ширина изогнутого края |
splay | 0 – 1 | Растягивает изгиб от края к центру |
dispersion | 0 – 1 | Насколько расходятся цвета на изгибе |
frost | 0 – 1 | Матовая поверхность, честный гаусс до 20 px |
transparency | 0 – 1 | Сколько фона остаётся под тонировкой |
tint | Цвет CSS | Цвет стекла. auto следует за темой |
lift | 0 – 1 | Осветляет всё, что за стеклом |
light | 0 – 1 | Тени и свет на изгибе |
light-angle | -180 – 180° | Откуда падает свет. 0 — сверху |
rim | 0 – 1 | Тонкая светлая линия по краю |
glint | 0 – 1 | Резкий блик на кромке |
bloom | 0 – 1 | Свечение внутри стекла и вокруг него |