Руководства›CSS-градиенты

CSS-градиенты

Стекло читает CSS-градиенты само. Положите за ним элемент с градиентом, и больше ничего делать не нужно.

.scene { background: linear-gradient(90deg, #e54d33, #2244cc); }

Что важно знать

Стекло делает снимок градиента и обновляет его, когда элемент меняется. Анимированный градиент рисуйте на canvas и вызывайте invalidate(). Safari может отказаться читать такой снимок, тогда используйте canvas или картинку.