CSS 中实现背景模糊

CSS 中实现背景模糊

💡 原文中文,约500字,阅读约需2分钟。
📝

内容提要

本文介绍了在 CSS 中实现背景模糊效果的方法,主要使用 `backdrop-filter` 属性,示例代码为 `backdrop-filter: blur(10px);`。还解释了常用滤镜的含义,如模糊、亮度和对比度等。

🎯

关键要点

  • 在 CSS 中实现背景模糊效果的方法是使用 backdrop-filter 属性。
  • 示例代码为 backdrop-filter: blur(10px);。
  • 常用滤镜及其含义包括:模糊(blur)、亮度(brightness)、对比度(contrast)、投影(drop-shadow)、灰度(grayscale)、色调变化(hue-rotate)、反相(invert)、透明度(opacity)、饱和度(saturate)、褐色(sepia)。
➡️

继续阅读