注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

最新图片滤镜效果代码(十一款)  

2010-07-14 23:50:41|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
滤镜样式:A.半透明合成(均匀)
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=0); WIDTH: 500px; HEIGHT: 313px; moz-opacity: 1" src="图片地址" border=0>



滤镜样式:A.半透明合成(线性)
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 500px; HEIGHT: 313px; moz-opacity: 1" src="图片地址" border=0>



滤镜样式:A.半透明合成(圆形)
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2); WIDTH: 500px; HEIGHT: 313px; moz-opacity: 1" src="图片地址" border=0>



滤镜样式:A.半透明合成(长方形 )
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=3); WIDTH: 500px; HEIGHT: 313px; moz-opacity: 1" src="图片地址" border=0>



滤镜样式:.B.灰度、X光、互补
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Gray(); WIDTH: 500px; HEIGHT: 313px"  src="图片地址" border=0>



滤镜样式:C.翻转
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: FlipH(); WIDTH: 500px; HEIGHT: 313px"  src="图片地址" border=0>



滤镜样式:D.发光效果

最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<DIV style="FILTER: Glow(strength=12,color=#4A7AC9); WIDTH: 540px; HEIGHT: 353px"><BR><IMG  src="图片地址" border=0></DIV>



滤镜样式:E.投射阴影效果

最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<DIV  style="FILTER: Shadow(direction=135,color=#4A7AC9); WIDTH: 540px; HEIGHT: 353px"><BR><IMG  src="图片地址"  border=0></DIV>



滤镜样式:F.附阴影效果

最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<DIV style="FILTER: Dropshadow(offX=5,offY=5,color=#333333); WIDTH: 540px; HEIGHT: 353px"><BR><IMG src="图片地址" border=0></DIV>



滤镜样式:G.模糊效果
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Blur(direction=135,color=#FFFFFF); WIDTH: 500px; HEIGHT: 313px" src="图片地址" border=0>



滤镜样式:H.波形效果
最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
代 码 如 下

<IMG style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 500px; HEIGHT: 313px" src="图片地址" border=0>



代 码 注 释

WIDTH: 500px; HEIGHT: 313px"为图片滤镜的宽度与高度值

如何查找图片地址与大小请参照——〓一分钟学会查找图片地址〓

FFFFFF 为相关滤镜颜色设置,具体颜色请参照——〓HTML颜色代码表〓

绿色部份代码数值为相关滤镜样式与效果的设定值(根据需求调整)


最新图片滤镜效果代码(十二款) - 寒情 - 寒情博客
     创意友情链接(电影胶片) - 寒情 - 寒情博客 移动文字全都汇 创意友情链接(电影胶片) - 寒情 - 寒情博客     创意友情链接(电影胶片) - 寒情 - 寒情博客 日志题图应用与代码
     创意友情链接(电影胶片) - 寒情 - 寒情博客 教你批量下载图片     透明flash·荷花素材(10) - 寒情 - 寒情博客 教你不用软件截图
     透明flash·荷花素材(10) - 寒情 - 寒情博客 博客公告栏制作     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何上传Flash文件
     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何下载Flash动画     透明flash·荷花素材(10) - 寒情 - 寒情博客 滚动条框制作方法
     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何制作日志边框     透明flash·荷花素材(10) - 寒情 - 寒情博客 日志图文排列样式
     透明flash·荷花素材(10) - 寒情 - 寒情博客 日志标题框应用     透明flash·荷花素材(10) - 寒情 - 寒情博客 博客基本代碼解讀
更多的博客技巧与代码——点击阅读 >>>>>
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(8411)| 评论(23)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017