代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter=alpha(opacity=100,style=1,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter=alpha(opacity=100,style=2,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif"style="FILTER: Chroma(Color=#13629f)"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter=alpha(opacity=100,style=3,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter:'gray'"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter:progid:DXImageTransform.Microsoft.Emboss()"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter:flipv"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter:fliph"<>/left<
效果如下:
代码:
>left<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"<>/left<
去色并反相:
>IMG src=" https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="FILTER: xray(color=#ffedff)"<
>IMG src=" https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" style="FILTER: invert(color=#ffedff)"<
代码:
>div style="width:358;filter:blur(add=true,direction=135,strength=15);"<>img src="https://i-blog.csdnimg.cn/blog_migrate/a62f478c0eb159f84941d1848e731d19.gif" width="165" height="350"<>/div<
1.原圖 : >img src="圖片.jpg"<
2.柔邊效果-均勻 : >img src="圖片.jpg" style="filter:alpha(opacity=25, finishOpacity=25,style=0)"<
3.柔邊效果-線狀(左往右) : >img src="圖片.jpg" style="filter:alpha(opacity=0, finishOpacity=100,style=1)"<
4.柔邊效果-圓形(外往中央): >img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=2)"<
5.柔邊效果-圓形(中央往外): >img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=3)"<
6.詼諧效果 : >img src="圖片.jpg" style="filter: gray"<
7.X光效果 : >img src="圖片.jpg" style="filter: Xray"<
8.色彩對換 : >img src="圖片.jpg" style="filter:invert"<
9.左右翻轉 : >img src="圖片.jpg" style="filter:FlipH()"<
10.上下翻轉 : >img src="圖片.jpg" style="filter:FlipV()"<
11.發光效果 : >div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"<>img src="圖片.jpg" <>/div< 12.附陰影效果 : >div style="width: 134px; height: 140px;filter:shadow(color:#333333,direction=150);"<>img src="圖片.jpg" <>/div<
13.投射陰影效果 : >DIV style="FILTER: Dropshadow(color:#333333,direction=150,offX=5,offY=5); WIDTH: 134px; HEIGHT: 140px"<>img src="圖片.jpg" <>/div<
14.波形效果 : >DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"<>img src="圖片.jpg" <>/div<
15模糊效果 : >DIV style="FILTER:Blur(direction=150); WIDTH: 134px; HEIGHT: 140px"<>img src="圖片.jpg" <>/div<
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1756538