css滤镜效果(2)
7.灰度、反转、x射线滤镜语法:{Filter:Gray}、{Filter3360Invert}、{ Filter:Gray }滤镜就是把一张图片变成灰色的图像;反转滤镜是翻转物体的所有视觉属性,包括颜色、饱和度和亮度。x射线滤镜是让一个物体反映出它的轮廓,并突出这些轮廓,这就是所谓的“x”照片。效果如下:。
8.Light滤镜的语法:Filter{light}的这个属性模拟光源的投影效果。一旦为对象定义了“光”过滤器属性,就可以调用其“方法”来设置或更改属性。“LIGHT”可用的方法有:add environmental join封闭式光源AddCone join锥形光源AddPoint join点光源Changcolor改变光源颜色Changstrength改变光源强度Clear clear所有光源MoveLight移动光源可以定义光源的虚拟位置,并且通过调整x轴和y轴的值,可以控制光源的焦点位置, 并且还可以调整光源的形式(点光源或锥光源)来指定光源是否模糊边界、光源的颜色和亮度等属性。 如果动态设置光源,可能会有一些意想不到的效果。具体的例子将在下面几页中找到。9.蒙版滤镜语法:{filter:MASK(color=color)}使用“蒙版”属性可以创建覆盖对象表面的薄膜,其效果与佩戴者用有色眼镜看对象的效果相同。10.Shadow滤镜的语法:{filter: Shadow (COLOR=color,DIRECTION=direction)}您可以使用“Shadow”属性建立对象在指定方向上的投影,其中COLOR是投影颜色,DIRECTION是投影的设置方向。其中0度代表垂直向上,然后每45度为一个单位。它的默认值是向左270度。filter:shadow(颜色=红色,方向=225) filter:shadow(颜色=蓝色,方向=225) filter:shadow(颜色=灰色,方向=225)效果如下:制作Shadow filter滴水檐茶馆制作Shadow filter滴水檐茶馆制作11。制作Wave滤镜语法:{filter: wave (add=add,freq=freq,light strength=strength,Phase=phase,strength=strength)}“Wave”属性以垂直波形样式破坏对象。默认值为“真(非0)”,“加”表示根据波形样式是否扰动对象,“FREQ”是波纹的频率,指定需要在对象上产生多少完整的波纹。“LIGHTSTRENGTH”参数可以增强光影对波纹的效果,范围从0到100,“PHASE”参数用于设置正弦波的偏移量。“强度”代表振幅。
版权声明:css滤镜效果(2)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。