##
一幅美丽的风光画片，宽广的湖面，盛开的鲜花，远处的湖堤。
春光明媚，风景如画。加上动态文字 "感情将在旅游中加深！" 。我
正想理解这句话，这感情是指家庭的亲情、朋友的友情、爱侣的恋情？
还是对祖国河山的眷恋、对异国风光的欣赏？……
我想把这幅画片加一下工，使它的透明度增加一些，体现出一种
朦胧感。
问：一幅风光画片要加一点朦胧效果怎样做？
答：用简单的css 语句，实现一些好的效果，是比较吸引人的。
可以参考电脑爱好者“织网论坛”( 2001上半年合订本－315)有关部
分。
实现朦胧效果可以用改变透明度(alpha) 的办法实现，也可以用
设定模糊(blur)的办法实现，根据图片的观赏效果选定。
都可以用代码实现。
例１、用改变透明度实现朦胧效果。
在<head></head> 之间加入：
<style type=text/css>
.pic {filter:alpha(opacity=80)}
</style>
图片加 class="pic" 语句
<IMG height=445 src="img/03401.jpeg" width=822
border=0 class="pic">
《一幅美丽的风光画片原图》
《用改变透明度实现朦胧效果》
例２、用改变模糊度实现朦胧效果。
在<head></head> 之间加入：
<style type=text/css>
.pic {filter:blur(add=0,direction=45,strength=2)}
</style>
图片加 class="pic" 语句
<IMG height=445 src="img/03401.jpeg" width=822
border=0 class="pic">
《用改变模糊度实现朦胧效果》
另外，也可以用代码实现图片的水平翻转、垂直翻转和色度设
定等，都是一些实用的技巧。
例３、用代码实现图片的水平翻转。
在<head></head> 之间加入：
<style type=text/css>
.pic {filter:flipH()}
</style>
图片加 class="pic" 语句
<IMG height=445 src="img/03401.jpeg" width=822
border=0 class="pic">
《用代码实现图片的水平翻转》
例４、用代码实现设定图片的色度。
在<head></head> 之间加入：
<style type=text/css>
.pic {filter:chroma(color=white)}
</style>
图片加 class="pic" 语句
<IMG height=445 src="img/03401.jpeg" width=822
border=0 class="pic">
河石/编 2002.10.12
相关链接：
《林间幽静清风徐来，这效果用Flash怎么做？》
《GIF 动画和Flash 遮罩动画配合，怎样做 ？》
|
