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。
如今，让我们看一下一些复杂的效果吧：
原始图片
含混
50%灰度
100%灰度
50%褐色
100%褐色
50%亮度
100%亮度
色相
反色
饱和度
对照度
嗯，我们在手机真个各类殊效如lomo、日系等，也能够在页面复杂完成一些了，共同css3内暗影、遮罩、突变等，信任不用instagram等差几。
ps:sepia的翻译貌似有点儿成绩，求专业指导。
</p>
最新版本html5+css3与2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。 AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。
页:
[1]