You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.8 KiB
1.8 KiB
backdrop-filter 是 CSS 的一个属性，用于在元素的背景和元素之间创建一个视觉效果的过滤器。它可以应用多种效果，如模糊、色彩调整和亮度调整等。以下是一些常见的 backdrop-filter 属性及其作用与单位：
-
blur(): 模糊元素的背景，可以通过指定一个模糊半径来调整模糊程度。单位为像素（px）。 -
brightness(): 调整元素的背景亮度，可以通过指定一个百分比或小数值来控制亮度增减。单位为百分比（%）或小数。 -
contrast(): 调整元素的背景对比度，可以通过指定一个百分比或小数值来增加或减小对比度。单位为百分比（%）或小数。 -
grayscale(): 将元素的背景转为灰度图像，可以通过指定一个百分比或小数值来控制转换程度。单位为百分比（%）或小数。 -
hue-rotate(): 调整元素的背景颜色的色调，可以通过指定一个角度值来旋转颜色。单位为角度（deg）。 -
invert(): 反转元素的背景颜色，即颜色取反。无单位。 -
opacity(): 调整元素的背景透明度，可以通过指定一个百分比或小数值来控制透明度。单位为百分比（%）或小数。 -
saturate(): 调整元素的背景饱和度，可以通过指定一个百分比或小数值来增加或减小饱和度。单位为百分比（%）或小数。 -
sepia(): 将元素的背景转为深褐色调，可以通过指定一个百分比或小数值来控制转换程度。单位为百分比（%）或小数。
这些 backdrop-filter 属性可以结合使用，以创建具有复合效果的背景过滤器。请注意，backdrop-filter 属性需要一些现代 Web 浏览器的支持，且可能不支持所有旧版浏览器。在使用时，请确保检查浏览器的兼容性。