图片渐变羽化代码

我的感受

 

 1.横向渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

效果如下:

 

2.圆形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

效果如下:

 

3.X形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

效果如下:

 

4.黑白效果

<img src="图片地址" style="filter:'gray'">

效果如下:

 

5.X光效果(底片)

<img src="图片地址" style="filter:'xray'">

效果如下:

 

5.浮雕效果

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

效果如下:

 

6.上下颠倒

<img src="图片地址" style="filter:flipv">

效果如下:

 

7.左右颠倒

<img src="图片地址" style="filter:fliph">

效果如下:

 

8.色彩颠倒

<img src="图片地址" style="filter:invert">

效果如下:

 

 

你在本篇停留    欢迎你 欢迎你 谢谢你的来访!

文章评论