日志图片的几种特别效果及其代码

个人日记

  

      

 

 

 

 背景不同效果也不一样

 参数不同效果也不一样

 

 
 

羽化范围:(一)opacity=100       图片(二)opacity=30  

羽化方向:style=2圆周羽化,style=1右侧羽化,style=3四周羽化,

 

你把上面的参数换一换,马上就会有新奇的效果出现哦 

 

======================================================

 

图片波纹效果

波纹效果代码:<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

图片黑白效果 

代码:src="图片地址" height=图片宽 width=图片高 style="FILTER: fliph(color=#ffedff)">

图片扭曲效果:

图片扭曲效果代码:<div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"><img src="图片地址" width="图片宽" height="图片高"></div>

图片翻转效果

图片翻转效果代码:<IMG src="图片地址" style="FILTER: flipv(color=#ffedff)">

图片浮雕效果

 

图片浮雕效果代码:<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

 

图片翻面效果

图片翻面效果代码:<div style="width:358;filter:flipH;"><img src="图片地址" width="图片宽" height="图片高"></div>

图片倒影效果


倒影效果代码:

<P><IMG src="图片地址" width="图片宽" height="图片高"><BR><IMG id="reflection" src="同一图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="图片宽" height="图片高"></P>


图片音乐效果

图片插入音乐效果的代码:

<DIV align=left><FONT size=1>
<P style="TEXT-INDENT: 2em" align=center>
<TABLE style="BACKGROUND-IMAGE: url(这里插入图片地址</STRONG>< table="table" ><BR><BR>
<TBODY>
<TR>
<TD align=left>
<P align=center><EMBED style="FILTER: alpha(opacity=1 Style=3 FinishOpacity=0)black()" height=0 type=video/x-ms-asf width=0 src=这里插入音乐地址?hazel allowscriptaccess="never" allownetworking="internal" invokeurls="false" loop="true" autostart="true" volume="0"></P></TD></TR>
<P></P></FONT></TBODY>

图片重影效果

<DIV align=center>
<DIV style="FILTER: blur(add=true,direction=219,strength=35); WIDTH: 图片宽px"><IMG src="图片地址" width=图片宽 height=图片高></DIV></DIV>

多个图片连动效果

多个图片联动代码:

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

多画面羽化滚动


 
 


水平翻转照片
 
 

图片

 

图片

 
 
水平翻转照片代码
 
 
 <P align=center><IMG height=251  src="图片地址" width=239 appendurl="1"><IMG style="FILTER: FlipH; WIDTH: 239px; HEIGHT: 251px" height=676 src="图片地址" width=954></P>

 

 

图片

 老大娱乐音乐空间 QQ--1120602680

图片

老大学习空间      QQ--1368333925

 

图片


瘦身老大欢迎你的光临

 

文章评论