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

爱网易!爱生活!

 
 
 

日志

 
 

图片翻转代码  

2009-09-15 15:53:54|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

      不用软件,利用代码也可以对图片作一些效果处理,以前说过图片对称代码图片雾化代码、今天说的是图片翻转代码。

一般在HTML中显示图片的代码是:↓

<img src="" width="" height="" alt="" title="">

(注:src="图片地址"  width="指定图片宽度" height="指定图片高度"  alt="图片不显示时显示的文字"  title="鼠标放到图片上时显示的文字")

 

      如果在img代码里加入这两个滤镜代码( STYLE="Filter: FlipH"STYLE="Filter: FlipV" ),效果会如何呢? 下面用俺圈子这张图片作个例子哈↓

图片翻转代码 - 蓝波 - 蓝波港湾欢迎您!

 

 

1、STYLE="Filter: FlipH"(水平翻转)↓

图片翻转代码 - 蓝波 - 蓝波港湾欢迎您!

 

 

2、STYLE="Filter: FlipV"(垂直翻转)↓

图片翻转代码 - 蓝波 - 蓝波港湾欢迎您!

 

 

最后代码归结如下:↓

图片水平翻转代码:<IMG style="FILTER: FlipH" src="图片地址">

图片垂直翻转代码:<IMG style="FILTER: FlipV" src="图片地址">

 

 

【在圈子可能会失效,看效果可以查看原文哈!】


  评论这张
 
阅读(487)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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