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 use some emojis for the icons without wasting time on SVG-ing them. I couldn’t have been more wrong about those “few minutes” — they ended up being days of furiously and frustratingly scratching this itch!
Table of contents
Why emojis?The initial ideaHitting a wallGetting to the root of the problemBug or not?Trying random thingsMoving towards a Chrome solutionGetting to a Firefox solutionCombining our solutions into a cross-browser oneWhat about one-elementing our solution?Applying the cross-browser solution to our use caseWhat about using SVG icons?Sort: