倚窗静听风雨声,心甘淡泊厌浮名, 闲来勤读万卷书,细品年华寄逸情。
2015-06-02 06:32:37| 分类: ╠代码运用╣ | 标签: |举报 |字号大中小 订阅
用微信 “扫一扫”
将文章分享到朋友圈。
用易信 “扫一扫”
特效1:显示椭圆透明效果
<IMG title="静中有动的涂鸦" style="FILTER: Alpha(opacity=100,FinishOpacity=0, style=2)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效2:显示矩形透明效果
<IMG title="静中有动的涂鸦" style="FILTER: Alpha(opacity=100,FinishOpacity=0, style=3)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效3:显示线状透明效果
<IMG title="静中有动的涂鸦" style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效4:显示垂直反相效果
<IMG title="静中有动的涂鸦" style="FILTER: flipv(color=#ffedff)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效5:显示水平反相效果
<IMG title="静中有动的涂鸦" style="FILTER: FlipH" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效6:显示黑白图片效果
<IMG title="静中有动的涂鸦" style="FILTER: gray(color=#ffedff)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效7:显示X光负片效果
<IMG title="静中有动的涂鸦" style="FILTER: xray(color=#ffedff)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效8:显示色彩对换效果
<IMG title="静中有动的涂鸦" style="FILTER: Invert" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
特效9:显示发光彩边效果
<DIV style="FILTER: Glow(color=#发光边颜色代码,strength=发光边宽度); WIDTH: 图片宽度px; HEIGHT: 图片高度px" align=center><BR><IMG title="静中有动的涂鸦" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" border=0></DIV>
注释:
(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10)
特效10:显示边框投影效果
<DIV style="filter:Shadow(color=#投影边颜色代码,direction=投影角度);width:图片宽度;height:图片高度" align=center><BR><IMG title="静中有动的涂鸦" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" border=0></DIV>
(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)濾鏡高=图高40)
特效11:显示边框倒影效果
<DIV style="filter:Dropshadow(color=#倒影颜色代码,offX=横影宽度,offY=竖影宽度);width:图片宽度;height:图片高度" align=center><BR><IMG title="静中有动的涂鸦" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" border=0></DIV>
(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)
特效12:显示模糊效果
<DIV style="filter:Blur(direction=155);width:430;height:230" align=center><BR><IMG title="静中有动的涂鸦" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0>
(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)
特效13:显示扭曲效果
<DIV style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:460;height:350" align=center><BR><IMG title="静中有动的涂鸦" style="FILTER: Alpha(opacity=100,FinishOpacity=0, style=2)" alt="图片特效 - 静中有动 - 静中有动的休闲屋" src="图片地址" width=图片宽度 border=0></DIV>
注释:
推荐过这篇日志的人:
他们还推荐了:
网易公司版权所有 ©1997-2018
评论