PHPWPS

 找回密码
 立即加入

QQ登录

只需一步,快速开始

搜索
热搜: php discuz
查看: 8030|回复: 0

[CSS] 图片边框特效代码

[复制链接]

280

主题

420

帖子

1970

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1970
发表于 2013-5-26 18:22:51 | 显示全部楼层 |阅读模式
立体镜框
<center><img src="图片地址" style="border:25 outset #ff88ff"></center>


虚线框
<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>


凹槽框
<center> <img src="图片地址" style="border:25 groove green" border="0"></center>


脊状框
<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>


横向渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">


圆形渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>


X形渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>


黑白效果
<center><img src="图片地址" style="filter:'gray'"></center>


X光效果(底片)
<center><img src="图片地址" style="filter:'xray'"></center>


浮雕效果
<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>


上下颠倒
<center><img src="图片地址" style="filter:flipv">


左右颠倒
<center><img src="图片地址" style="filter:fliph"></center>



色彩颠倒
<center><img src="图片地址" style="filter:invert"></center>


粒状阴影
<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>



模糊效果
<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>


水波效果(风吹)
<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>


水中倒影效果
<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>


信息来源:http://zhaoxuemin.blog.hexun.com/12005200_d.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入

本版积分规则

QQ|小黑屋|手机版|Archiver|phpwps Inc. ( 鄂ICP备14011625号-1 )

GMT+8, 2025-5-4 16:05 , Processed in 0.055570 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表