3 ms·
A transparent noise texture plus css blur on the background makes a really nice frosted glass effect.
by geon 2y ago
A transparent noise texture plus css blur on the background makes a really nice frosted glass effect.
- albert_e 2y agoBy any chance are you able to point to any examples ..this sounds interesting and I may want to use this technique in my next project. Thanks.
- geon 2y agoI don't have it online, but I used that effect for modal dialog background overlays: https://github.com/geon/estimator/blob/369824b8b22e5c9c238c8b8ff439534f7c049378/client/css/style.less#L710 https://github.com/geon/estimator/blob/369824b8b22e5c9c238c8... It's pretty much like the second method here: https://dev.to/khush2706/frosted-glass-effect-in-css-27p4 https://dev.to/khush2706/frosted-glass-effect-in-css-27p4 , but instead of just `rgba(255, 255, 255, 0.192)` as background, also use the noise image from my repo.