订阅
上一篇
返回
下一篇
图片特效CSS代码
作者: 唐布拉草原 日期: 2008-07-31 19:32
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>
标签:
评论: 0 |
引用: 0 |
阅读: 132
发表评论
CSS中背景图片居中 (2008-09-18 18:20)
CSS不自动增加高度 和不自适应高度 (2008-08-23 18:08)
三面环绕CSS+DIV广告代码 (2008-08-16 21:10)
CSS实用教程(2) (2008-08-16 10:35)
CSS实用教程(1) (2008-08-16 10:34)
CSS多种居中方式 (2008-08-12 23:18)
保存CSS 中加载的图片。保存网页CSS图片软件 (2008-07-21 12:11)
IE7 下自适应高度 CSS 绝对简洁实用 (2008-07-18 11:44)
CSS精简压缩工具 (2008-06-23 12:03)