CSS 中的冷门属性收录

声明：

        本篇作用在于收录一些不常用，但又能有效处理一些不常见问题的 CSS 属性，以便遇到一些问题时，能及时查找使用。

---

backdrop-filter

        为一个元素后面区域添加图形效果（如模糊或颜色偏移）。

        因为它作用于元素背后的所有元素，所以为了看到效果，必须使元素本身或其背景至少部分透明化。

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%);