图片特效CSS代码

1 加一边框 <center><img
src="图片地址" style="border:3 solid #ff0000(框边颜色)"></center>
2 加双边框
<center><img
src="图片地址" style="border:5 double green"></center>
3 加立体框
<center><img src=图片地址
style="border:25 outset #ff88ff"></center>
4 加立体框(a)
<center><img
src="图片地址" style="border:25 inset #ff88ff"></center>
5 加虚线框
<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>
6 加凹框
<center> <img src="图片地址" style="border:25 groove green" border="0"></center>
7 横向渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
8圆形
<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
9 黑白效果
<center><img src="图片地址" style="filter:'gray'"></center>
10 X光效果
<center><img src="图片地址" style="filter:'xray'"></center>
11 上下颠倒
<center><img src="图片地址" style="filter:flipv">
12 左右颠倒

<center><img src="图片地址" style="filter:fliph"></center>
13 粒状
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>
14 模糊阴影
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>
15 倒影
<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址和上边的图片地址相同" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>
16 水面倒影
<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址和上面的一样" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>
17黑白效果
<CENTER><IMG style="FILTER: gray" src="图片地址"></CENTER>
18 浮雕效果
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Emboss()"></center>
19 色彩颠倒
<center><img src="图片地址" style="filter:invert"></center>
20 模糊效果
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>
21 水波效果、
<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

发表评论

邮箱地址不会被公开。 必填项已用*标注

click to changeSecurity Code