打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
图片边框特效处理代码

图片边框特效处理代码

  

一、原图片效果

代码

<P align=center><A href="http://www.skycn.org.cn/come.asp?id=29866" target=_blank><IMG title=" 闲人SGM" alt=闲人SGM src="图片地址"></A></P>

说明

原图片宽=280,原图片高=392。居中align=center。

原图地址:

http://img.bimg.126.net/photo/_9_Ska9tXTB2Dv1cqFtWtw==

/5379549754894466677.jpg

 

二、图片阴影效果


CSS静态滤镜代码

<DIV style="FILTER: Shadow(color=#4A7AC9,direction=135); WIDTH: 305px; HEIGHT: 442px" align=center><BR><IMG src="图片地址"></DIV>

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

color为发光颜色代码,direction方向

(只能是45度的倍数如:45,90,135,180,225,270,315度),

滤镜宽=(图宽+25),濾鏡高=(图高50) 

 

三、图片投影效果


CSS静态滤镜代码

<DIV style="FILTER: Dropshadow(color=#333333,offX=5,offY=5); WIDTH: 295px; HEIGHT: 427px" align=center><BR><IMG  src="图片地址"></DIV>

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

color为发光颜色代码,offX水平位移,offY垂直位移(可正可负),

滤镜宽=(图宽+水平位移绝对值+10),滤镜高=(图高+垂直位移绝对值+30)

 

四、图片四周发光效果


CSS静态滤镜代码

<DIV style="FILTER: Glow(color=#4A7AC9,strength=8); WIDTH: 296px;

HEIGHT: 423px" align=center><BR><IMG src="图片地址"></DIV>

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

color为发光颜色代码,strength是发光强度,滤镜宽=(图宽+发光强度x2),

滤镜高=(图高+发光强度x2+15)

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
图片边框处理特效(CSS滤镜)【原创】
如何为图片加边框
使用css滤镜是图片出现倒影的代码
图片CSS滤镜---旋转效果代码
代码入门教程(26)
音画制作【边框制作】(二)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服