![Andrej ⚡️ on Twitter: "1. Add backdrop-filter - backdrop-filter: blur(14px) 2. Set background with opacity - background-color: rgba(12, 30, 45, 0.7) Optional: Add a semi-transparent border to highlight the edge. Try CSS Andrej ⚡️ on Twitter: "1. Add backdrop-filter - backdrop-filter: blur(14px) 2. Set background with opacity - background-color: rgba(12, 30, 45, 0.7) Optional: Add a semi-transparent border to highlight the edge. Try CSS](https://pbs.twimg.com/media/FfcKU-BWIAMyqOJ.jpg:large)
Andrej ⚡️ on Twitter: "1. Add backdrop-filter - backdrop-filter: blur(14px) 2. Set background with opacity - background-color: rgba(12, 30, 45, 0.7) Optional: Add a semi-transparent border to highlight the edge. Try CSS
![Using CSS filters to color and SVG background-image. You can read about these in my blog: http://noahblon.com/coloring-svgs-… | Background images, Css filter, Color Using CSS filters to color and SVG background-image. You can read about these in my blog: http://noahblon.com/coloring-svgs-… | Background images, Css filter, Color](https://i.pinimg.com/736x/ec/86/64/ec8664337b45984b45b594be36749581.jpg)
Using CSS filters to color and SVG background-image. You can read about these in my blog: http://noahblon.com/coloring-svgs-… | Background images, Css filter, Color
![If you are curious how to achieve background blur (glass look), here is the way by Apple: backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.7); : r/css If you are curious how to achieve background blur (glass look), here is the way by Apple: backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.7); : r/css](https://i.redd.it/bj51mez1ao251.png)