打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
滤镜学习笔记3
<一、填空:
本节讲解了四种滤镜。Wave滤镜的名称为(“波形滤镜”,或者“扭曲滤镜),Gray滤镜的名称为(灰色效果滤镜),Invert滤镜的名称为(可视化),Xray滤镜滤镜的名称为()。
二、写出Wave滤镜的表达式。
滤镜表达式举例:
style="filter:Wave(add=0,freq=2,
lightstrength=30,phase=50,
strength=5)"
三、简述Wave滤镜的五种属性。
add属性是控制能不能显示原对象的。当Add=False或者Add=0时,不显示原对象,显示为扭曲对象;当Add=True或者Add=1时,显示为另一种扭曲效果。(实际上,只要应用了Wave滤镜,就不可能显示为原对象了。)
Freq属性指生成波纹的频率,也就是指定在对象上共产生多少个完整的波纹(可以理解为:文字的笔划上有几个折,图片的左右边缘上各有几个凹进去的半圆形),属值为正整数。
LightStrength属性是使生成的波纹增强光的效果,属值可以从0到100。数值越大,文字的颜色越暗;数值越大,图片中空白区域的颜色越暗。
Phase属性用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。(这个属性是指对象是从那一点开始偏移的。只有在两个相同图片的偏移量差别较大的情况下,才能够观察出效果。文字不易观察效果。)
strength属性表示波形的振幅大小,也可以简单的理解为左右扭曲的程度。
四、简述Wave滤镜的作用。
五、简述Gray滤镜的表达方式及作用。
滤镜表达式举例:style="Filter:Gray"
六、简述Invert滤镜的样式及作用。
Invert滤镜样式:style="Filter:Invert"
Invert滤镜:用于翻转对象的可视化属性。可视化属性包括色彩、饱和度和亮度值。
七、简述Xray滤镜的样式及作用。
Xray滤镜样式:style="Filter:Xray"
Xray滤镜,可以让对象反映出它的轮廓,并把这些轮廓加亮,类似于“X”光片。
八、Wave滤镜文字有三种设置方法:
<P style="WIDTH: 100%"><FONT style="FILTER: wave(add=False,lightstrength=50,strength=4,freq=2,phrase=30); LINE-HEIGHT: 150%; DISPLAY: inline-block; FONT-FAMILY: 华文行楷; COLOR: rgb(250,0,0); FONT-SIZE: 40pt"><B>欢迎您!加入代码学习群</B></FONT></P>
(2)只应用段落标签(或者块区标签),把滤镜样式设置在段落(或者块区标签)标签中,要设置宽度,还可设置背景颜色或者背景图片。
<P style="FILTER: wave(add=0,lightstrength=80,strength=4,freq=2,phrase=80); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文行楷; COLOR: rgb(250,0,0); FONT-SIZE: 40pt"><B>欢迎您!加入代码学习群</B></P>
(3)只应用文字标签,把滤镜样式设置在文字标签中,还要设置宽度,还可设置背景颜色或者背景图片。
<FONT style="FILTER: wave(add=0,lightstrength=20,strength=4,freq=2,phrase=30); LINE-HEIGHT: 150%; WIDTH: 100%; DISPLAY: inline-block; FONT-FAMILY: 华文行楷; COLOR: rgb(250,0,0); FONT-SIZE: 40pt"><B>欢迎您!加入代码学习群</B></FONT>
九、Wave滤镜图片:
Wave滤镜图片可以把滤镜样式直接设置在图片标签中。
举例如下:
<IMG style="FILTER: Wave(add=0,freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 500px; HEIGHT: 750px" border=0 src="http://image73.360doc.com/DownloadImg/2014/06/0414/42301628_30.jpg">
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
代码学习群简易教程(25)
CSS高级篇(四):滤镜效果二
CSS滤镜详解
学习播放器代码——单曲篇
利用代码羽化图片
☆多種日志美術字代碼
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服