图片滤镜

最新推荐文章于 2024-03-26 10:53:58 发布

从俊

最新推荐文章于 2024-03-26 10:53:58 发布

阅读量673

点赞数

分类专栏：网页前端

本文链接：https://blog.csdn.net/johnneysong/article/details/17675951

版权

网页前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1。单线框 <*CENTER><*IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://img.blog.163.com/photo/z4_7PcM07jHBJZIPC5J1lw==/3698581193978320147.jpg">

2。双线框 <*CENTER><*IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

3。凸出框 <*CENTER><*IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">

4。凹进框 <*CENTER><*IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://img.blog.163.com/photo/Gn7lJJEw1Q4x7D_m2Lceqg==/2836704815290159082.jpg">

5。邮票框 <*CENTER> <*TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56> <*TD valign=middle align=center width=260 bgColor=#aeffae height=260><*IMG src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg">

6。虚线框 <*CENTER><*IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://img.blog.163.com/photo/tWe-PmBnwkuVyUM1K9fHBA==/1137440380888245771.jpg">

7。凹槽框 <*CENTER><*IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" border=0>
8。脊状框 <*CENTER><*IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://img.blog.163.com/photo/6fqjcdgKEpWPw3bbMfkwPw==/3176163637203515604.jpg" border=0>
9。立体阴影框 <*CENTER> <*TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=260 border=2> <*TD valign=middle align=center bgColor=#ffffff><*IMG src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">

10。阴影框 <*CENTER><*IMG style="FILTER: shadow(color=#C2DB9B)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">
11。横向渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://img.blog.163.com/photo/XRzDWjfDdeaAuYav6FVYkw==/3378262670481532979.jpg">

12。圆形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img.blog.163.com/photo/fzJhiZyO30Ja6SF07cyAaA==/2289798935541508528.jpg">

13。X形渐变透明 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">

14。改变某种颜色 <*CENTER><*IMG style="FILTER: Chroma(Color=#13629f)" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">

15。黑白效果 <*CENTER><*IMG style="FILTER: gray" src="http://img.blog.163.com/photo/LhJS4TEh5g2WGu-W-XPmhQ==/4274760471304741395.jpg">

16。X光效果（底片） <*CENTER><*IMG style="FILTER: xray" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

17。浮雕效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

18。上下颠倒 <*CENTER><*IMG style="FILTER: flipv" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

19。左右颠倒 <*CENTER><*IMG style="FILTER: fliph" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

20。色彩颠倒 <*CENTER><*IMG style="FILTER: invert" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

21。粒状阴影 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

22。模糊效果 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">

23。水波效果（风吹） <*CENTER><*IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://img.blog.163.com/photo/yUlsilGsv8Qk_mtBL-08Lw==/315251973916323215.jpg">