Backdrop - yagisawatakuya/Wiki GitHub Wiki

backdrop-filter

たった一行でガラス板の美しいエフェクトが実装できる、backdrop-filterプロパティ

https://coliss.com/articles/build-websites/operation/css/css-property-backdrop-filter.html

.test {
    backdrop-filter: none;
    backdrop-filter: grayscale(1);
    backdrop-filter: brightness(1.5);
    backdrop-filter: blur(5px);
    backdrop-filter: contrast(.8);
    backdrop-filter: invert(.7);
    backdrop-filter: opacity(.4);
    backdrop-filter: sepia(.4);
    backdrop-filter: saturate(1.8);
    backdrop-filter: hue-rotate(120deg);
}

DEMO：https://codepen.io/robinrendle/pen/LmzLEL?editors=1100 サポートプラウザ：https://caniuse.com/#feat=css-backdrop-filter