图片滤镜代码大全
来源:互联网 发布:2017高三生物优化设计 编辑:程序博客网 时间:2024/04/27 14:16
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=1,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=2,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3"style="FILTER: Chroma(Color=#13629f)"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=3,finishopacity=0)"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:'gray'"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:progid:DXImageTransform.Microsoft.Emboss()"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:flipv"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:fliph"<>/left<
效果如下:
代码:
>left<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"<>/left<
去色并反相:
>IMG src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="FILTER: xray(color=#ffedff)"<
>IMG src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="FILTER: invert(color=#ffedff)"<
代码:
>div style="width:358;filter:blur(add=true,direction=135,strength=15);"<>img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" 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
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- 图片滤镜代码大全
- java中使用线程实现Timer(定时器)原理和源码
- com.qsoft.commons.beanutils源代码(.net版本的org.apache.commons.beanutils)
- 校正srt字幕文件的时间[java源码]
- 忘记原mysql密码,重新设置mysql密码
- 网络骗子的特征。大家一定要转载。
- 图片滤镜代码大全
- jsf自定义toolbar组件
- 今天的成果(excel报表):200多倍的生成效率
- jsf自定义组件-jafyear选择年份
- javascript实现多表头分类交叉报表:html表格
- javascript实现多表头分类交叉报表之二:效果图
- java SWT嵌入IE,SafeArray
- Eclipse反编译插件Jadclipse介绍
- .net中HashTable的最大容量