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

.

.

 
 
 

日志

 
 

【引用】【博客代码】图片各种羽化特效代码  

2012-03-19 16:33:44|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -  祝贺古川朋友【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -  开博一周年【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -

 

 

     一、透明效果
        1、代码格式

<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)" border=0>

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:图宽;height:图高"><img src="图片地址"></div>

<TABLE style="FILTER: Alpha(opacity=100,style=0)" height=图高 width=图宽 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        代码说明:
        opacity:表示指定背景图片起始透明度,有效范围是0-100;
        finishOpacity:表示指定背景图片结束透明度,有效范围是0-100;
        style:表示图片滤镜样式,可更改等号后面参数:0-平均透明;1-线状渐变透明;2-圆形渐变透明;3-菱形(X形)渐变透明。
        2、效果图例
3347569648.gif
原图
 【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
线状渐变透明(自左至右)
 【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
圆形渐变透明
 【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
菱形(X形)渐变透明
        二、翻转效果
        (一)左右翻转
        1、代码格式:

<img src="图片地址" style="filter:FlipH()">

<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>

        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        (二)上下翻转
        1、代码格式:

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

<div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div>

        2、效果图例 
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        三、黑白滤镜效果
        1、代码格式

<IMG src="图片地址" style="FILTER: gray(color=#ffedff)">

<div style="filter:gray ;width:宽;height:高"><img src="图片地址"></div>

<TABLE style="filter:gray" width=图宽 height=图高 cellSpacing=0 cellPadding=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        四、底片(X光)效果
        1、代码格式

<IMG src="图片地址" style="FILTER: xray(color=#ffedff)">

<div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>

<TABLE style="FILTER: xray" height=图高 cellSpacing=0 cellPadding=0 width=图宽 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        2、效果图例 
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        五、反色效果(色彩颠倒) 
        1、代码格式

<IMG src="图片地址" style="FILTER: invert()" border=0>

<div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div>

<TABLE style="FILTER: invert" height=图高 cellSpacing=0 cellPadding=0 width=图宽 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        六、浮雕效果 
        1、代码格式

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

         2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        七、模糊效果 
        (一)静态模糊效果
        1、代码格式

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

        2、效果图例 
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        (二)动感模糊效果
        1、代码:

<IMG src="图片地址" style="FILTER: blur(strength=60)" border=0>

<TABLE style="FILTER: blur(strength=60)" width=图宽 height=图高 cellSpacing=0 cellPadding=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        2、效果图例 
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
        七、扭曲效果 
        1、代码格式

<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>


<TABLE style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=图宽 height=图高 cellSpacing=0 cellPadding=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

        说明:freq表示扭曲尺度,strength表示扭曲强度。
              水波效果值:freq=11, strength=4, phase=6, lightstrength=10。
              百叶窗效果:freq=100,strength=5,phase=4,lightstrength=100。
        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
扭曲效果(水波)
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
扭曲效果(百叶窗) 
        八、倒影效果
        1、代码格式

<DIV style=" FONT-SIZE: 27pt; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址">
<DIV style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></DIV></DIV>

<IMG src="图片地址" width="图宽" height="图高"><p>
<IMG src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="图宽" height="图高">

          说明:适合动态小图片,上下图片可不同
        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -

        九、图片带说明文字特效(即鼠标放在图片上有文字显示)
        1、代码格式

<img src="图片地址" width=图宽 height=图高 border=0 title="说明文字" align=absmiddle>

        2、效果图例
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -

        十、鼠标放到图片上鼠标指针变成手形
        1、代码格式

<A href="图片地址" target=_blank><IMG src="图片地址"></A>

        2、效果图例 
【博客代码】图片各种羽化特效代码 - 玫瑰夫人 -
 
 
 
 

 附  注

         1、CSS静态滤镜样式(filter)说明

         alpha:设置图片或文字的不透明度。支持参数:opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength。
        blur:在指定的方向和位置上产生动感模糊效果。支持参数:add、direction、strength。 
        chroma:对所选择的颜色进行透明处理。支持参数:color。 
        dropShadow:在指定的方向和位置上产生阴影。支持参数:color、offX、offY、positive。 
        flipH:沿水平方向翻转对象。
        flipV:沿垂直方向翻转对象。  
        glow:在对象周围上发光。支持参数:color、strength。
        gray:将对象以灰度处理。
        invert:逆转对象颜色。
        light:对对象进行模拟光照。
        mask:对对象生成掩膜。支持参数:color。
        shadow:沿对象边缘产生阴影。支持参数:color、direction。
        wave:在垂直方向产生正弦波形。支持参数:add、freq、lightStrength、phase、strength。
        xray:改变对象颜色深度,并绘制黑白图象。

        2、代码使用方法:
        (1)放于博客主页:在编辑状态下,依次进入“装扮博客”、“设置首页内容”,选择“添加自定义模块”,将代码粘贴到模块中,合理设置后再保存即可。
        (2)放于日志中:在编辑状态下,进入写日志或编辑原有日志,依次点击“全部功能”、“<>”按钮,进入HTML代码编辑状态,将相关代码粘贴到合适位置,合理设置后再保存即可。

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

 

 

【生活百科】如何改善睡眠质量,治疗失眠 - 玫瑰夫人 -

玫瑰夫人的博客收藏及代码

【生活百科】如何改善睡眠质量,治疗失眠 - 玫瑰夫人 -

【美容养颜】女人每天8杯水 - 玫瑰夫人 -   

玫瑰夫人

 

(以下代码可分享到您的首页)

 
 

 

我博客友情链接代码:

<P><A href="http://xxyy9090.blog.163.com/"><IMG title=" - 玫瑰夫人 - " alt=" - 玫瑰夫人 - " src="http://img.blog.163.com/photo/IMB13e1HJWixYiyJtsIhYw==/352125195865960594.jpg"></A></P> 

效果:

 - 玫瑰夫人 -

博客模块可复制放置您的博客首页模块

 

 

 

[音画]祝天下有情人终成眷属! - 玫瑰夫人 -

 

 【背景素材】古典花纹素材

 【圣诞素材总汇】祝圣诞快乐!

 【素材】元旦新年贺卡,

 【博客顶图】美女系列(5)

 【圣诞素材】之圣诞贺卡

 【圣诞素材】之圣诞节的起源

 【圣诞素材】闪图系列(三)

 【在线资源】各种编辑器在线查询

 【博客顶图】人景动态篇(1)

 【圣诞素材】圣诞贺卡篇

 【圣诞素材】之——圣诞树篇

 【2圣诞素材】圣诞树篇(2)

【素材】超炫个性签名(4)

 【圣诞素材】之—圣诞老人篇

 【闪底素材】之5小块闪底素材

 【圣诞素材】闪图系列篇(2)

 【图图素材】玫瑰花背景插图(6)

 【图图素材】金色小花边素材

 【8圣诞素材】之闪图系篇(1)

 【桌面壁纸】自然风景,蓝天白云

 【图图素材】古代仕女图(1)

 各种编辑器,在线查询

 【圣诞素材】动态日志背景篇(3)

 【签名素材】超炫个性动签名

 【圣诞新春】圣诞贺卡边框材

 【博客顶图】美女系列素材(2)

 【在线书架】最全的在线书架二

 【背景素材】磨砂背景,边条素材

 【代码】文学作品在线书架模块

 【闪卡素材】超多韩国闪卡素材

  

  

[音画]祝天下有情人终成眷属! - 玫瑰夫人 -

 


[音画]祝天下有情人终成眷属! - 玫瑰夫人 -  

 【ps视频教程】李涛ps教程(2)光和色的关系  【ps教程】李涛ps教程(5)绘画与修饰工具(二)
 【博客代码】在线书架代码之三  【U5教程】U5制作旋转滚动盘个性签名
 【博客代码】最全的在线书架之二  【图片素材】各种透明扇子素材
 【博客代码】在线书架之二  【图片素材】各种透明装饰花朵素材
 【ps教程】Photoshop制作精美的古典封面效果  【ps教程】ps古典屏风的制作教程
 【ps教程】ps制作炫光动态文字  【ps教程】ps制作电影胶片边框效果
 【ps教程】用ps画漫画之基础教程  【ps教程】ps简单操作换图片背景教程
 【抠图学习】一款简单抠图插件,knockout 2  【ps教程】ps制作炫光动态文字
 【ps音画教程】ps溶图制作大图音画教程  【PS教程】ps文字排版技巧
 【ps教程】ps视频教程(5)如何使用ps样式  【ps教程】ps视频教程(6)水晶字的制作
 【ps教程】ps视频教程(3)图片阴影效果处理 【ps教程】ps视频教程(4)制作立体效果特效字
 【ps教程】ps视频教程(1)特效文字的制作   【ps教程】ps视频教程(2)图片的羽化处理

 
【ps教程总汇】目标Lakshya(2004) - 玫瑰夫人 -
 
 
   

[音画]祝天下有情人终成眷属! - 玫瑰夫人 -  

时尚生活相关链接

 【美食】紫菜包饭图解做法  【ps教程】制作各种字体的教程
  粗胳膊的休闲瘦臂方案   ps水中倒影(动态)效果制作
 十款2009最风尚的软床家居(组图)   【健康】有益于健康的饮食20条
 一天只睡2个钟头就够了的秘密  【大图音画】2010新年快乐!
  买房必须远离的十类建筑   【民间偏方】治疗慢性咽喉炎方法
  【软件】ps软件,U5软件下载   【大图音画】梦醉西楼
 玫瑰花茶,菊花茶,枸杞子的功效  【图文】经典古代风俗百图(上)
 【唯美音画】唯美舒缓钢琴曲  【图文赏析】经典古代风俗百图下)

 

 【生活百科】如何改善睡眠质量,治疗失眠  【家常菜谱】几种家常鸡鸭鱼肉及甜点的做法
 【生活百科】春季养生及饮食注意事项  【美容养颜】女人每天8杯水怎样喝才美容
 【生活百科】81个生活小窍门儿  【美容护肤】职场女人保养皮肤小妙招
 【生活百科】睡眠是第一养生  【时尚盘头】教您各种盘头发的方法图解
 【生活百科】养生的10个最佳时间  【图文赏析】菜根谭图文例解60篇(上)
 【电脑知识】 防止别人蹭网几种方法  【图文赏析】菜根谭图文例解60篇(下)
 【手机常识】极少人知道的手机隐藏的密码  【大图音画】2011中国年

[音画]祝天下有情人终成眷属! - 玫瑰夫人 -  

 【音画】没有人比你更爱我   玫瑰夫人图文音画精选篇(1) 玫瑰夫人博客素材代码总汇(1)
 【播放代码】最新播放器大全  网易博客素材汇总模块代码  【ps教程】ps渐变映射抠图方法
 【ps教程】蒙版复杂边缘抠图  【ps教程】用加深减淡抠婚纱  U5制作超炫动态签名教程之三
 【PS教程】抠图的后期去杂边  超炫动态个性签名(22)  【色彩说明】色彩的奥秘及说明
【ps滤镜】ps11种滤镜收集帖 ps教程总汇(3)——给初学者 【ps教程】ps经典教程3000例之二
 ps图片加边框教程集合(3) 【U5制作超炫动态签名教程之三  【U5代码】U5教程模块代码
 【U5代码】U5教程模块代码 【分割线素材】精美分割线(27)

【分割线素材】古典分割线

[音画]祝天下有情人终成眷属! - 玫瑰夫人 -


 

 - 玫瑰夫人 予人玫瑰 手有余香 -

 

相关链接

 

“玫瑰夫人”的博客

 

【减肥须知】水果怎样吃才减肥

【ps大图音画教程】醉红颜大图音画素材及视频教程 -

【ps大图音画教程】大图音画 《深宫怨》教程&素材

【ps教程】水云心老师ps图文教程总汇 (2)

【ps教程】水云心老师ps图文教程总汇(1)

【电脑知识】如何去掉浏览提出现的“允许此网页访问剪贴板”提示

 

 

提示:您若想看本博的随时更新,请点击“获取此模板”将本博客日报的代码复制,再粘贴到您的首页。

玫瑰夫人

【ps教程】ps视频教程(8)水晶按钮的制作 - 玫瑰夫人 -

点击进入玫瑰夫人的精品博客
玫瑰夫人博客_
点击增人气玫瑰夫人头像链接代码
圈子信息

【ps教程】ps视频教程(8)水晶按钮的制作 - 玫瑰夫人 -

博主推荐
博文精品大全(值得收藏)
更多精彩日志
欢迎推荐点评引用并注明出处
玫瑰夫人新浪微博,欢迎关注! http://t.sina.com.cn/redroselady

 【生活百科】如何改善睡眠质量,治疗失眠 - 玫瑰夫人 -

 


 
  评论这张
 
阅读(8)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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