您的地位: 首页 > 技巧文档 > 网页制造 > -webkit-filter是神马?
页眼前真个水有多深? 回到列表 HTML5(今朝)没法帮你完成的五件事
 -webkit-filter是神马?

作者:sepia 时间: 2011-12-26 文档类型:原创 来自:前端不雅察

这两天有看到国外网站纷纷简介-webkit-filter,开端很困惑,丫是想要学IE吗?明天看了下,和IE的滤镜没一毛关系啊,并且,后果很赞!

这些滤镜后果最后是用于SVG的,W3C引入到CSS中,然后制订了CSS Filter Effects 1.0,如今webkit率先支撑了它。

如今标准中支撑的后果有:

  • grayscale 灰度
  • sepia 褐色
  • saturate 饱和度
  • hue-rotate 色相改变
  • invert 反色
  • opacity 透明度
  • brightness 亮度
  • contrast 比较度
  • blur 模糊
  • drop-shadow 暗影

嗯,有些和CSS3反复了,不过,详细要怎样用还要看详细情况,至少我们可以用不合的办法完成异样的后果——比如透明度。

用法是标准的CSS写法:

-webkit-filter: blur(2px);

然后,Eric Bidelman写了一个demo,可以很便利的检查各类后果。然则推敲到某网站由于不明缘由在国际没法拜访,我将该demo页面简单的翻译了下,放到这边给大年夜家预览,请猛击检查

请留意,改滤镜今朝只要最新的webkit nightly版本和Chrome 18.0.976以上版本才支撑,所以你须要下载一个最新的版本来体验~~我用的是webkit nightly。

如今,让我们看一下一些简单的后果吧:

原图

模糊

50%灰度

100%灰度

50%褐色

100%褐色

50%亮度

100%亮度

色相

反色

饱和度

比较度

嗯,我们在手机真个各类殊效如lomo、日系等,也能够在页面简单完成一些了,合营css3内暗影、遮罩、突变等,信赖不用instagram等差若干。

ps:sepia的翻译貌似有点儿成绩,求专业指导。

原文:http://www.qianduan.net/what-is-webkit-filter.html

本文链接:http://kostschema.com/tech/web/2011/8718.asp 

出处:前端不雅察
义务编辑:bluehearts

◎进入服装论坛t.vhao.net网页制造WEB标准化版块参加评论辩论,我还想发表评论

热点搜刮:CSS Fireworks 设计比赛 网页制造 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大年夜福“敬•天然”设计大年夜赛开启
国际体验设计大年夜会7月将在京举办
中国国防科技信息中间标记征集
云计算若何让安然成绩可控
云计算是多半企业唯一拥抱互联网的机会
阿里行云
云手机年关巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网不雅"
1499元买真八核 云OS双蛋大年夜促
首届COCO桌面手机主题设计大年夜赛
栏目最新 栏目最新列表
浅谈JavaScript编程说话的编码标准
如安在illustrator中绘制台历
Ps简单绘制一个心爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:浅显流
25个最好最闪亮的Eclipse开辟项目
Illustrator中制造针线缝制文字后果
Photoshop制造印刷凹凸字体
VS2010中创建自定义SQL Rule
分享按钮

蓝色幻想版权申明:除部分特别声明不要转载,或许授权我站独家播发的文章外,大年夜家可以自在转载我站点的原创文章,但原作者和来自我站的链接必须保存(非我站原创的,按照本来自一节,自行链接)。文章版权归我站和作者共有。

转载请求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不克不及抹去我站点水印。

特别留意:本站所供给的摄影照片,插画,设计作品,如需应用,请与原作者接洽,版权归原作者一切,文章如有侵犯作者版权,请与我们接洽,我们将急速删除修改。

您的评论
用户名:  口令:
解释:输入精确的用户名和暗码才能参与评论。假设您不是本站会员,你可以注册 为本站会员。
留意:文章中的链接、内容等须要修改的缺点,请用申报缺点,以利文档及时修改。
不评分 1 2 3 4 5
留意:请不要在评论中含与内容有关的告白链接,背者封ID
请您留意:
·不良评论请用申报管理员,以利管理员及时删除。
·尊敬网上品德,遵守中华人平易近共和国的各项有关司法律例
·承当一切因您的行动而直接或直接招致的平易近事或刑事司法义务
·本站评论管理人员有权保存或删除其管辖评论中的随便任性内容
·您在本站发表的作品,本站有权在网站内转载或援用
·参与本评论即注解您曾经浏览并接收上述条目
推荐文档 | 打印文档 | 评论文档 | 申报缺点  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大年夜家看的色彩书1》
《跟我去喷鼻港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开辟宝典》
《赢在设计》
锋利开辟—jQuery内核详解与实际
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2