博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
-webkit-filter
阅读量:6876 次
发布时间:2019-06-26

本文共 430 字,大约阅读时间需要 1 分钟。

hot3.png

在webkit率先支持了它。

现在规范中支持的效果有:

  • grayscale 灰度
  • sepia 褐色
  • saturate 饱和度
  • hue-rotate 色相旋转
  • invert 反色
  • opacity 透明度
  • brightness 亮度
  • contrast 对比度
  • blur 模糊
  • drop-shadow 阴影

嗯,有些和CSS3重复了,不过,具体要怎么用还要看具体情况,至少我们可以用不同的方法实现同样的效果——比如透明度。

用法是标准的CSS写法:

-webkit-filter: blur(2px);

然后,Eric Bidelman,可以很方便的查看各种效果。但是考虑到某网站因为不明原因在国内无法访问,我将该demo页面简单的翻译了下,。

请注意,改滤镜目前只有最新的版本和版本才支持,所以你需要下载一个最新的版本来体验~~我用的是webkit nightly。

转载于:https://my.oschina.net/xiahuawuyu/blog/58139

你可能感兴趣的文章
上传文件大小限制
查看>>
注意A链接的默认行为
查看>>
有序的组合
查看>>
MySQL----基本数据类型
查看>>
wpgcms---详情页面数据怎么渲染
查看>>
Postman中Collection Runner添加外部数据文件
查看>>
JVM性能调优监控工具jps、jstack、jmap、jhat、jstat、jinfo、jconsole使用详解
查看>>
验证DG最大性能模式下使用ARCH/LGWR及STANDBY LOG的不同情况
查看>>
【IOI2000】【洛谷1435】回文字串
查看>>
php数组的各种排序
查看>>
值得再次看的题目
查看>>
MySQL基础
查看>>
js作用域
查看>>
PHP语言 -- 数据访问,连接数据库
查看>>
GCD的使用和面试题集锦
查看>>
PIC18FXX2之INT0中断
查看>>
Vue-input框checkbox强制刷新
查看>>
bootstrap(7)关于进度条,列表,面板
查看>>
缓冲区溢出基础实践(二)——ROP 与 hijack GOT
查看>>
xml文件,xml格式字符串 读写
查看>>