王朝网络

分享

 

01.实例详解CSS滤镜(7)Invert属性
Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。它的表达式也很简单：Filter：Invert我们再来看一下加上Invert属性前后的图片效果变化（如下图）：我们...查看完整版>>实例详解CSS滤镜(7)Invert属性02.实例详解CSS滤镜(7)Invert属性
Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。它的表达式也很简单： Filter：Invert 我们再来看一下加上Invert属性前后的图片效果变化（如下图）：我们看到Invert属性...查看完整版>>实例详解CSS滤镜(7)Invert属性03.实例详解CSS滤镜(2)Mask属性
Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单：Filter：Mask（Color=颜色）只有一个Color参数，用来指定使用什么颜色作为掩膜。同样，我们来看一下一幅图片在加上mask属性前后...查看完整版>>实例详解CSS滤镜(2)Mask属性04.实例详解CSS滤镜(5)DropShadow属性
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式：Filter：DropShadow（Color=color，Offx=Offx，Offy...查看完整版>>实例详解CSS滤镜(5)DropShadow属性05.实例详解CSS滤镜(6)Glow属性
当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下：Filter：Glow（Color=color，Strength=strength）Glow属性的参数只有两个：Color是指定发光的颜色...查看完整版>>实例详解CSS滤镜(6)Glow属性06.实例详解CSS滤镜(8)Shadow属性
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的：Filter：Shadow（Color=color，Direction=direction）在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参...查看完整版>>实例详解CSS滤镜(8)Shadow属性07.实例详解CSS滤镜(9)Wave属性
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下：Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，Phase=偏移量，Strength=强度）我们看到Wave属性的...查看完整版>>实例详解CSS滤镜(9)Wave属性08.实例详解CSS滤镜(10)Xray属性
Xray就是X射线的意思。Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单：Filter：Xray我们还是先来看一个页面（如下图）：...查看完整版>>实例详解CSS滤镜(10)Xray属性09.实例详解CSS滤镜(11)Gray属性
Gray属性把一张图片变成灰度图。它的表达式很简单：Filter：Gray其实这个属性没什么好讲的，只需在您定义的IMG样式中加入一句代码：{Filter：Gray}就一切OK了。下面两幅图分别代...查看完整版>>实例详解CSS滤镜(11)Gray属性10.实例详解CSS滤镜(11)Gray属性
Gray属性把一张图片变成灰度图。它的表达式很简单： Filter：Gray 其实这个属性没什么好讲的，只需在您定义的IMG样式中加入一句代码：{Filter：Gray}就一切OK了。下面两幅图分别代表未加Gray属性和添...查看完整版>>实例详解CSS滤镜(11)Gray属性

 

 

免责声明：本文为网络用户发布，其观点仅代表作者个人观点，与本站无关，本站仅提供信息存储服务。文中陈述内容未经本站证实，其真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。