深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 294|回复: 0

CSS3 filter(滤镜) 属性使用和说明

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2023-1-27 09:16:49 | 294 | 0 | 显示全部楼层 |阅读模式
CSS3 filter(滤镜) 属性使用和说明
实例
修改所有图片的颜色为黑白 (100% 灰度):
  1. img {
  2.     -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  3.     filter: grayscale(100%);
  4. }
复制代码
语法:
  1. filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
复制代码
楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表