网页设计师联盟

--- 学习、交流、展示、资源

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
网页设计作品欣赏       Flash特效
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置:首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您!
 标题:

CSS代码水平或垂直反转图片

方法非常简单,只需要在图片代码前加上一组滤镜代码即可:

 

语法:FILTER: FlipV   

说明:垂直翻转对象内容。

使用代码:style="FILTER: FlipV"

 

 

FILTER:FlipH   

说明:水平翻转对象内容。

使用代码:style="FILTER: FlipH"

 

 

下面我以单图为例示范:

 

反转前效果:

  

 CSS代码反转图片的方法 - 颦儿(绛珠仙子) - 望月听风

 

 

 

 

水平反转后效果:

 

CSS代码反转图片的方法 - 颦儿(绛珠仙子) - 望月听风

 

 

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

 

 

 

 

垂直反转效果:

 

CSS代码反转图片的方法 - 颦儿(绛珠仙子) - 望月听风

 

 

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

  • (刊登方式:   来源:   作者:   添加:admin   关键词:)
  • 您已阅读:CSS代码水平或垂直反转图片 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇网页设计者优化网页速度的技巧

    随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题。加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化。这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧。   1、优化图片  ..

  • 下一篇: 没有下一篇