2021
A 2021 built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Opera, Safari
Responsive
Yes
Backdrop filter
16 snippetsBrowse backdrop filter — subcategories and filters in one place. Use the table of contents to explore this branch.
backdrop-filter
Snippets(16)
Backdrop FilterA backdrop filter built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Backdrop Filter ExampleA backdrop filter example built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Blurred BlindsA blurred blinds built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS), JSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes
Blurry HeaderA blurry header built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Sass)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Cells with backdrop-filterA cells with backdrop-filter built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Less)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Frosted GlassA frosted glass built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Futuristic Button Styles (Fire & Ice)A futuristic button styles (fire & ice) built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Sass)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Image with Backdrop EffectA image with backdrop effect built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes
Using the Backdrop FilterA using the backdrop filter built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Sass), JSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes
Water BottleA water bottle built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes
Backdrop-filter BlurA backdrop-filter blur built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Stylus)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Backdrop-filter ExampleA backdrop-filter example built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
Backdrop-filter Using SVG FilterA backdrop-filter using svg filter built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes
Backdrop-filter: blur & scroll-behavior: smoothA backdrop-filter: blur & scroll-behavior: smooth built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (Stylus)Browser support
Chrome, Edge, Opera, SafariResponsive
Yes
IOS-Style Transparency Effect in CSS With Backdrop-FilterA ios-style transparency effect in css with backdrop-filter built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Opera, SafariResponsive
Yes