简单的CSS3的滤波效果的例子
以上图片是CSS3新特性的滤波效果。如果我们学了这些东西，那么我们可以用美化图片的代码来完善大网的美吗好的，让我们在图片后面找一个白色的框架。
xml代码将内容复制到剪贴板。
U3000
# DIV1 {
给div定义宽度和颜色。
宽度：200px；
身高：250px；
背景：白色；
*填充15px距离照片，文字。
填料：15px；
文本对齐：中心；
白色背景的旋转10deg * / / *
WebKit的旋转变换：（- 10deg）；
来影响一个* *背景阴影
盒子的影子：4px 4px 4px # 666；
浮点数：左；
}
U3000 U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000
U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000 U3000
灰色滤波器
当你写白色背景框时，是时候到达过滤器了。
首先，第一个，艺术的黑白色。
xml代码将内容复制到剪贴板。
# DIV1 img {
*画面内DIV1等于100%，相对于DIV1放大填充率* 内/
宽度：100%；
继续用黑色和白色括号的值将图片变为颜色变化，仅为0～1。
Webkit过滤器：灰度（1）；}
第二张照片，前额…老照片。
xml代码将内容复制到剪贴板。
# DIV1 img {
宽度：100%；
Webkit过滤器：乌贼（1）；
}
第三张照片，颜色我不知道什么颜色。
xml代码将内容复制到剪贴板。
# DIV1 img {
宽度：100%；
Webkit过滤器：色相旋转（200℃）；
}
第四张照片，仿佛覆盖着一层白雾。
xml代码将内容复制到剪贴板。
# DIV1 img {
宽度：100%；
Webkit过滤器：不透明度（0.5）；
}
效果图中没有图片，模糊效果代码如下所示
xml代码将内容复制到剪贴板。
# DIV4 img {
宽度：100%；
Webkit过滤器：不透明度（0.5）；
}
嗯，我的过滤器是共享的，然后美国图表就不见了。
上述CSS3的滤波效果很简单，和的例子是，萧边分享你的全部内容。我希望能给你一个参考，希望你能支持它。