本文位置:首页 > > hy >

【学习园地】图片的雾化指南

文章发布时间:2015/5/27 18:15:26



教你开启学霸模式PNG精致花篮素材祖傳秘方:根治靜脈曲張數天根治碟中谍4立体车库的车为什么会自动行走?难忘经典老歌500首一次听个够

说典故二十二:贴囍字【赏石天地】奇石欣赏(三十)——高山流水可直接复制粘贴的FLASH图片【感恩节】牛肉蒸饺看图说英语连载1-30篇(完全版)[公务员面试解题方略:分步破题因境答题]如何让电脑不卡javahibernate从数据库查出来的数据直接到持久态,.get()需要实现什么接口来着?千古谋圣鬼谷子:中国谋略大智慧(图)第12章把富人当成努力的目标酒生产中水的作用和对于水的要求2013蛇年节日喜庆素材好色女人的N个特征!中医养生:21个泡脚秘方顺畅经络有效排寒(3)西洋名画中的绝美女子B鍙ゅ煄骞抽仴鐨勯杈g墰棣嶇帇~~~绉嬪ぉ閲屾渶缁欏姏鐨勯キ鑿滃悎涓€鍚冩硶开给个人的现金支票正面收款人写对方名,背面签章处盖了个人的姓名章,身份证号填了,这张支票填写正确吗?有效吗?男女情歌对唱《豪驾里的拥抱》(12首)中医五脏对应五官云南白药:“药”为本,大健康大格局-2013-8-24鑲插効甯歌瘑鎬庝箞鏍风収椤惧疂瀹?瀹濆疂鎶ょ悊鐭ヨ瘑闆嗛敠千奇百怪的植物趣闻中药五香粉配方一语道破中国千年潜规则:每天懂一点人情世故3教育真经:无师自通

中国要强大必须清除”酱缸“文化!爱情精美语句握紧就变黑红烧牛肉的做法,红烧牛肉的家常做法-头条网教育真经:无师自通

彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
    素材:取之网络
图片的雾化指南
    编辑:静中有动

1.单图雾化:

单张图片实现雾化只要在原图片插入代码<IMG title=" " alt=" " src="图片地址" width=图片宽度 height=图片高度>中加上"Alpha"雾化属性style="FILTER: alpha(opacity=100,style=1)" 就行了。

属性中的opacity代表透明度水准,默认的范围是从0 100,为透明渐变开始时的透明度;style 参数指定了透明区域的形状特征,其中0代表统一形状、1代表线形(也就是渐变雾化)、2代表放射状(也就是椭圆雾化)、3代表长方形(也就是矩形雾化)。各种特效可参见本博日志:http://syb2009a.blog.163.com/blog/static/1064142612010818164701/
 

这是不加属性特效的普通图片实例,其图片插入代码为:<IMG alt=" " src="/pic-htc/2015/04/27/38487137_2.jpg" width=700 height=525>
 
 

这是加了渐变雾化特效的图片实例,其图片插入代码为:<IMG style="FILTER: alpha(opacity=100,style=1)" alt=" " src="/pic-htc/2015/04/27/38487137_2.jpg" width=700 height=525>
 

这是加了椭圆雾化特效的图片实例,其图片插入代码为:<IMG style="FILTER: alpha(opacity=100,style=2)" alt=" " src="/pic-htc/2015/04/27/38487137_2.jpg" width=700 height=525>


这是加了矩形雾化特效的图片实例,其图片插入代码为:<IMG style="FILTER: alpha(opacity=100,style=3)" alt=" " src="/pic-htc/2015/04/27/38487137_2.jpg" width=700 height=525>
 
2.多图重叠雾化:
所谓多图重叠雾化就是将多张雾化属性图片根据需要将每张图片移动定位后组成的图片,下面是用四张图片组合的实例:


这是加了矩形雾化特效的4张图片重叠实例,将下面的三张图片均上移了50像素,其图片插入代码为:

<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px" align=center><IMG style="FILTER: alpha(opacity=100,style=3)" alt=" " src="/pic-htc/2015/04/27/38487137_2.jpg" width=700 height=525></DIV>
<DIV style="MARGIN-TOP: -50px; MARGIN-LEFT: 0px" align=center><IMG style="FILTER: alpha(opacity=100,style=3)" alt=" " src="
http://image68.360doc.com/DownloadImg/2014/01/2311/38487137_3.jpg" width=700 height=525></DIV>
<DIV style="MARGIN-TOP: -50px; MARGIN-LEFT: 0px" align=center><IMG style="FILTER: alpha(opacity=100,style=3)" alt=" " src="
/pic-htc/2015/04/27/38487137_4.jpg" width=700 height=525></DIV>
<DIV style="MARGIN-TOP: -50px; MARGIN-LEFT: 0px" align=center><IMG style="FILTER: alpha(opacity=100,style=3)" alt=" " src="
/pic-htc/2015/04/27/38487137_5.jpg" width=700 height=525></DIV>

 

本博是个人涂鸦的休闲乐园,自娱自乐的消遣空间。本人的玩博宗旨:自行其道、自创完美、自我欣赏、自得其乐;不求人气、但求开心、知遇随缘、去留随意! 本博的创作作品和收编资料乃为个人需要而作,如有朋友需要,那将是本博的荣幸,网上的资源是共享的,请随意取用。唯一要求是在连带取用本博个性风格时请不要篡改和破坏本博的原个性风貌,在此谢上了。^_^谢谢您的光临^_^ 祝您天天快乐,时时开心……
彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
 


视频分销的价格?

自我增能:你要对自己的生命负责2Did you know that all the power to improve your life lies in your hands, and only your hands? Why do not you use it more then? Perhaps because human beings have the tendency to forget



不存在相应的目录