标题：

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、优化图片　　..
下一篇：网页设计——选择正确的配色方案
网页设计——选择正确的配色方案挑选正确的配色方案是设计过程中比较困难的阶段。配色方案可决定网站的成败。您选择的颜色需表达网站的整体氛围，您的配色方案也将引起读者对页面关键区域的注意。网站设计需花大量时间在配色方案上，确保能按以下提示和工具选用最合适的配色方案。根..

网页设计师联盟