【叶脉空间】网页素材、博客装饰、在线工具、生活百科、唯美音画 —— 最实用、最简便、最多样的网页助手平台
博客网页图片常用几款艺术处理HTML代码_博客技巧_【叶脉空间】——网页素材、博客装饰、在线工具、生活百科、唯美音画—— 最实用、最简便、最多样的网页助手平台
当前位置:首页 > 网页素材 > 博客装饰 > 博客技巧 > 详细内容
博客网页图片常用几款艺术处理HTML代码
阅读次数:2465  字体大小: 【】 【】【

  

1、横向渐变透明

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="图片网址"></IMG></FONT></P>

  

2、椭圆形渐变透明

  

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片网址"></FONT></P>

  

3、X形渐变透明

  

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="图片网址"></FONT></P>

  

4、黑白效果

  

<P align=center><FONT color=#000000><IMG style="FILTER: gray" src="图片网址"></FONT></P>

  

5、X光效果(底片)

  

<P align=center><FONT color=#000000><IMG style="FILTER: xray" src="图片网址"></FONT></P>

  

6、浮雕效果

  

<P align=center><FONT color=#000000><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="图片网址"></FONT></P>

  

7、上下颠倒

  

<P align=center><FONT color=#000000><IMG style="FILTER: flipv" src="图片网址"></FONT></P>

  

8、左右颠倒

  

<P align=center><FONT color=#000000><IMG style="FILTER: fliph" src="图片网址"></FONT></P>

  

9、色彩颠倒

  

<P align=center><FONT color=#000000><IMG style="FILTER: invert" src="图片网址"></FONT></P>

  

10、模糊效果

  

<P align=center><FONT color=#000000><IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)" src="图片网址"></FONT></P>

  

11、水波效果(风吹)

  

<P align=center><FONT color=#000000><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="图片网址" width=600></FONT></P>

  

12、水中倒影效果

  


<P align=center><FONT color=#000000><IMG height=200 src="图片网址" width=700></IMG><BR><IMG style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=200 src="图片网址" width=700></FONT></P>

  

13、图片由下向上移动

  

(一)

  

<P align=center>
<MARQUEE scrollAmount=4 direction=up width=300 height=100><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

  

  

(二)

    

 

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px" scrollDelay=100 direction=down behavior=slide width=300 height=100>
<MARQUEE direction=up height=280><PRE>

<IMG src="图片网址">

</PRE></MARQUEE></MARQUEE><FONT color=#000000></FONT></P>

  

  

14、图片由上向下移动

  

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px" direction=down><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

  

  

15、图片往右或往左移动

  

(一)

<P align=center>
<MARQUEE scrollDelay=100 behavior=slide width=300 height=140>
<MARQUEE style="LINE-HEIGHT: 100%; WRITING-MODE: tb-rl" scrollDelay=100 direction=up width=300 height=140><PRE><IMG src="图片网址"></PRE></MARQUEE></MARQUEE><FONT color=#000000></FONT>

  

(二)

  


<P align=center>
<MARQUEE direction=right><IMG src="图片网址">
<P></P></MARQUEE><FONT color=#000000></FONT></P>

  

(三)

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px"><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

  

  

16、图片左右弹撞

  

<P align=center>
<MARQUEE behavior=alternate><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

  

  

17、图片上下滚动

  

<P align=center>
<MARQUEE direction=up behavior=alternate width=300 height=200><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

  

  


  




        

   本空间所有内容、链接皆选摘自网络,若有不妥,敬请留言!由中网提供网站空间与技术支持,京ICP备10048112号。