宝哥软件园

css滤镜效果(2)

编辑:宝哥软件园 来源:互联网 时间:2021-11-27

7.灰度、反转、x射线滤镜语法:{Filter:Gray}、{Filter3360Invert}、{ Filter:Gray }滤镜就是把一张图片变成灰色的图像;反转滤镜是翻转物体的所有视觉属性,包括颜色、饱和度和亮度。x射线滤镜是让一个物体反映出它的轮廓,并突出这些轮廓,这就是所谓的“x”照片。效果如下:正常图片

filter:gray; 灰度图  是不是很 Cool  呢!

filter:invert  底片效果

filter:xray   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”参数用于设置正弦波的偏移量。“强度”代表振幅。正常图片

filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)

style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)

filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)

更多资讯
游戏推荐
更多+