应用滤镜和效果

滤镜和效果是 CSS 中强大的工具，可用于改变元素的外观。它们可以用于创建各种效果，例如模糊、色相偏移和阴影。

滤镜

滤镜应用于元素，以改变其渲染方式。有许多不同的滤镜可用，每种滤镜都有其独特的效果。

• 模糊 模糊元素的内容。
• 亮度 改变元素的亮度。
• 对比度 改变元素的对比度。
• 色相旋转 旋转元素的颜色。
• 饱和度 改变元素的饱和度。

效果

效果也应用于元素，但它们创建的是更复杂的效果。

• 阴影 在元素周围创建阴影。
• 发光 在元素周围创建发光效果。
• 浮雕 使元素看起来像浮雕。
• 斜切 倾斜元素。

使用滤镜和效果

要使用滤镜或效果，请使用 filter 或 effect 属性。属性值是一个以空格分隔的滤镜或效果的列表。例如，以下代码将模糊元素并添加阴影：

浏览器支持

滤镜和效果在大多数现代浏览器中都得到很好的支持。但是，某些滤镜和效果可能在旧浏览器中不受支持。

示例

以下是使用滤镜和效果创建的一些示例：

• 模糊图像
• 色相偏移文本
• 添加阴影到按钮

结论

滤镜和效果是创建各种视觉效果的强大工具。它们易于使用，并且可以大大提高网站的外观。