Комментарии 5
Немного не дотянул. Прозрачное стекло не даёт размытие - оно является следствием шероховатости. Соответственно нужно добавить сверху текстуру этой шероховатости, которая будет перемещаться вместе со стеклом.
очень понравилось как выглядит размытая картинка
Скруглить угля нашего стекла очень просто, достаточно использовать свойство
border-radius.
Ну-ну, очень просто, конечно :) До тех пор, пока не сталкиваешься с CSS blur и более сложной разметкой, где нужно принимать во внимание родительсткую обёртку и капризы blink`а...
Как все легко на таких примитивах… недавно реализовал подобие стиля 7й винды, а там по мути тоже самое, и вот нарисовать прямоугольник - легко, а вот с контентом внутри начинается аналкарнавал при наложении друг на друга, особенно на углах и краях. Плюнул на это по итогу.
Кстати, Chrome не плюнул и уже выкатил edgeMode
Эффект матового стекла для веба