Backdrop filter all properties

Backdrop filter css

backdrop-filter might create a lag effect on your page while scrolling

Backdrop filter all properties


/* Keyword value */
backdrop-filter: none;

/* URL to SVG filter */
backdrop-filter: url(commonfilters.svg#filter);

/* <filter-function> values */
backdrop-filter: blur(2px);
backdrop-filter: brightness(60%);
backdrop-filter: contrast(40%);
backdrop-filter: drop-shadow(4px 4px 10px blue);
backdrop-filter: grayscale(30%);
backdrop-filter: hue-rotate(120deg);
backdrop-filter: invert(70%);
backdrop-filter: opacity(20%);
backdrop-filter: sepia(90%);
backdrop-filter: saturate(80%);

/* Multiple filters */
backdrop-filter: url(filters.svg#filter) blur(4px) saturate(150%);

/* Global values */
backdrop-filter: inherit;
backdrop-filter: initial;
backdrop-filter: unset;

Similar codes

1 vote351 views3 answers
Selenium find element by css selector
CSS
0 vote398 views1 answer
Import global variables scss angular
CSS
0 vote341 views1 answer
Css preloader, preload website screen
CSS
15 votes378 views6 answers
Css background full width
CSS
56 votes347 views6 answers
How to center divs in css
CSS
45 votes323 views6 answers
Css elipsis
CSS
43 votes310 views6 answers
Nth-child in css
CSS
0 vote334 views1 answer
Ios safe area
CSS
0 vote322 views1 answer
Circle percentage css
CSS
7 votes354 views2 answers
Transition css hover
CSS