#backdrop-filter

[ follow ]
#css #glassmorphism #hover #icons #user-interface #web-design #visual-effects
fromSitePoint Forums | Web Development & Design Community
7 hours ago

Custom CSS code

Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below: Glassmorphism code snippet background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); 1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout. 1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Web development
UX design
fromCSS-Tricks
9 months ago

Using CSS backdrop-filter for UI Effects | CSS-Tricks

CSS backdrop-filter enables stylish UI designs, particularly the frosted glass effect, enhancing visual appeal.
Effective use of backdrop filter depends on combining it with other CSS effects and understanding background settings.
[ Load more ]