<filter-function> - CSS(层叠样式表) 编辑
<filter-function>
CSS 数据类型 代表可以改变输入图像外观的图形效果。它可以用于filter
和 backdrop-filter
属性。
语法
<filter-function>
数据类型由下列过滤器函数之一指定的。每个函数需要一个参数,如果参数无效,结果不会被改变,如同没有使用过滤器一样。
blur()
- 模糊图像
brightness()
- 让图像更明亮或更暗淡
contrast()
- 增加或减少图像的对比度
drop-shadow()
- 在图像后方应用投影
grayscale()
- 将图像转为灰度图
hue-rotate()
- 改变图像的整体色调
invert()
- 反转图像颜色
opacity()
- 改变图像透明度
saturate()
- 超饱和或去饱和输入的图像
sepia()
- 将图像转为棕褐色
规范
规范 | 状态 | 注释 |
---|---|---|
Filter Effects Module Level 1 <filter-function> | Working Draft | 初始版本 |
相关参考
- 使用此数据类型的属性:
filter
以及backdrop-filter
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论