Иконки с эффектом глассморфизма в CSS

1 мин
Автор PINTA IT
Иконки с эффектом глассморфизма в CSS

Иконки с эффектом глассморфизма в CSS

Несмотря на то, что существует множество статей о том, как создать такой эффект в CSS, все они предполагают очень простой случай, когда наложение является прямоугольным или, самое большее, прямоугольником с border-radius.

Однако получение эффекта глассморфизма для неправильных форм, таких как значки, независимо от того, являются ли эти значки смайликами или SVG, намного сложнее, поэтому автор статьи решил, что стоит поделиться этим процессом, ловушками, в которые он попал, и вещами, которые он узнал по пути.

Icon Glassmorphism Effect in CSS
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just

Похожие публикации