仓酷云

标题: CSS教程之先容-webkit-filter：-webkit-filter是甚么 [打印本页]

作者: 不帅 时间: 2015-1-15 23:12
标题: CSS教程之先容-webkit-filter：-webkit-filter是甚么
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
破洛洛文章简介：-webkit-filter是神马？
这两天有看到外洋网站纷繁先容-webkit-filter，入手下手很利诱，丫是想要学IE吗？明天看了下，和IE的滤镜没一毛干系啊，并且，效果很赞！
这些滤镜效果最后是用于SVG的，W3C引进到CSS中，然后制订了CSSFilterEffects1.0，如今webkit领先撑持了它。
如今标准中撑持的效果有：

grayscale灰度
sepia褐色
saturate饱和度
hue-rotate色相扭转
invert反色
opacity通明度
brightness亮度
contrast对照度
blur含混
drop-shadow暗影

嗯，有些和CSS3反复了，不外，详细要怎样用还要看详细情形，最少我们能够用分歧的办法完成一样的效果——好比通明度。
用法是尺度的CSS写法：

-webkit-filter:blur(2px);

复制代码

然后，EricBidelman写了一个demo，能够很便利的检察各类效果。可是思索到某网站由于不明缘故原由在国际没法会见，我将该demo页面复杂的翻译了下，放到这边给人人预览，请猛击检察。
请注重，改滤镜今朝只要最新的webkitnightly版本和Chrome18.0.976以上版本才撑持，以是你必要下载一个最新的版原本体验～～我用的是webkitnightly。
如今，让我们看一下一些复杂的效果吧：
原始图片

CSS教程之先容-webkit-filter：-webkit-filter是甚么

含混

50%灰度

100%灰度

50%褐色

100%褐色

50%亮度

100%亮度

色相

反色

饱和度

对照度

嗯，我们在手机真个各类殊效如lomo、日系等，也能够在页面复杂完成一些了，共同css3内暗影、遮罩、突变等，信任不用instagram等差几。
ps:sepia的翻译貌似有点儿成绩，求专业指导。
</p>
最新版本html5+css3与2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。

作者: 只想知道 时间: 2015-1-17 20:42
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。

作者: 山那边是海 时间: 2015-1-26 19:17
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 蒙在股里 时间: 2015-2-4 21:27
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 老尸 时间: 2015-2-10 18:20
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: 仓酷云 时间: 2015-3-1 15:53
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 小女巫 时间: 2015-3-10 21:10
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 因胸联盟 时间: 2015-3-17 11:10
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 乐观 时间: 2015-3-17 11:11
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 不帅 时间: 2015-3-24 10:19
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

欢迎光临仓酷云 (http://ckuyun.com/)