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

Иконки с эффектом глассморфизма в 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

Share Tweet Send
0 Коментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.