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

 
 
 

日志

 
 

博客技术:用格式代码处理图片  

2011-08-07 09:10:02|  分类: 〖博客知识〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

方法很简单,只要你将获得的图片地址替换到格式代码里就行。

例如我用的一张图片:

博客技术:用格式代码处理图片 - 迎春 -

图片的地址是:

http://img.ph.126.net/lznd252R-gkb1g0F0MOBCg==/2719611224995212556.jpg

1.透明格式代码:
<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:260;height:100">

<img src="图片地址"></div>

效果:

博客技术:用格式代码处理图片 - 迎春 -

2.左右翻转格式代码:
<img src="图片地址" style="filter:FlipH">

<div style="filter:FlipH ;width:260;height:100"><img src="图片地址"></div>
效果:
博客技术:用格式代码处理图片 - 迎春 -
3.灰调格式代码:
<img src="图片地址" style="filter:Gray">

<div style="filter:Gray ;width:260;height:100"><img src="图片地址"></div>
效果:
博客技术:用格式代码处理图片 - 迎春 -
4.X光格式代码:
<img src="图片地址" style="filter:Xray">

<div style="filter:Xray ;width:260;height:100"><img src="图片地址"></div>
效果:
博客技术:用格式代码处理图片 - 迎春 -
5.色彩对换格式代码:
<img src="图片地址" style="filter:Invert">

<div style="filter:Invert ;width:260;height:100"><img src="图片地址"></div>
效果:
博客技术:用格式代码处理图片 - 迎春 -
6.边框格式代码:
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)
<div style="filter:Glow(color=#4A7AC9,strength=15);width:260;height:100" align=center>
<br><img src="图片地址"></div>
效果:

博客技术:用格式代码处理图片 - 迎春 -
7.投影(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),
滤镜宽=图宽+25)濾鏡高=图高40)格式代码:
<div style="filter:Shadow(color=#4A7AC9,direction=135);width:300;height:140" align=center><br>
<img src="图片地址"></div>
效果:

博客技术:用格式代码处理图片 - 迎春 -
8.阴影(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),
滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)格式代码:
<div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:300;height:140" align=center><br>
<img src="图片地址"></div>
效果:

博客技术:用格式代码处理图片 - 迎春 -
9.模糊(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),
滤镜宽=图宽+15,濾鏡高=图高+30)格式代码:
<div style="filter:Blur(direction=135);width:300;height:140" align=center><br>
<img src="图片地址"></div>
效果:


博客技术:用格式代码处理图片 - 迎春 -
10.波形(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),
滤镜宽=图宽+振幅强度x2滤镜高=图高+振幅强度x2+10)格式代码:
<div style="filter:Wave(freq=7,strength=9,lightstrength=2,phase=2);width:300;height:300" align=center><br>
<img src="图片地址"></div
效果:

博客技术:用格式代码处理图片 - 迎春 -

返回上页进入下页  

=====================================================================

点击图片进入-迎春-主页

图片、文章/编辑、整理:迎春

加强交流 增进友谊

hhttp://ycyx88888.blog.163.com/

文章导读

经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 百家讲坛 常用工具 兴趣爱好 网页制作
制作软件 电脑知识 精品素材 报刊阅读 历史名著
中华范文 视频录制 音乐录制 音乐上传 创意网站

========================================================================

  评论这张
 
阅读(929)| 评论(18)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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