图片边框处理特效（CSS滤镜）【原创】  

2010-01-26 13:47:34|  分类： 博客秘藉 |  标签：博客秘藉  博客素材  电脑知识  网络资源   |字号 订阅

图片边框处理特效

一、图片四周发光 

代码

<P><IMG style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.Glow(color=#4A7AC9,strength=8); WIDTH: 262px; HEIGHT: 352px; TEXT-ALIGN: center" src="图片地址"></P>

 

 二、图片阴影效果

代码

<P><IMG style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#4A7AC9,direction=135); WIDTH: 262px; HEIGHT: 352px; TEXT-ALIGN: center" src="图片地址"></P>

 

三、图片投影效果

代码 

<P><IMG style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.Dropshadow(color=#8B8386,offX=5,offY=5); WIDTH: 262px; HEIGHT: 352px; TEXT-ALIGN: center" src="图片地址"></P>

CSS静态滤镜样式(filter)说明

color           -->发光颜色
strength        -->发光强度
direction       -->方向(45度为单位角度)(0、45、90、135、180、225、270、315)
offX            -->水平位移(可正可负)
offY            -->垂直位移(可正可负)
WIDTH: 262px; HEIGHT: 352px; 控制图片宽和高，数值可调，也可删除不要。“图片地址”查看>>

相关日志

图片处理特效（CSS滤镜）

图片与文字处理的N种方法【原创】

图片翻转滚动代码

图中图代码

图片移动代码集锦

查看更多>>