当前位置：编程学习 > html/css >>

CSS滤镜之FlipH、FlipV属性

答案：
Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： 
　　Filter：FlipH 
　　Filter：FlipV 
　　我们先来看一幅图：点击可放大
 
　　下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下：
　　<html> 
　　　<head> 
　　　<title>flip css</title> 
　　　<style>//*设置CSS样式开始*// 
　　　<!-- 
　　　div{position：absolute；top：20；width：300；
　　　　　filter：fliph（flipv）；} 
　　　//*定义DIV范围内的样式，绝对定位，翻转为水平翻转或垂直翻转。 
　　　 注意：在这里fliph和flipv只取其中的一个*// 
　　 img{position：absolute；top：70；left：40；
　　　　 filter：fliph（flipv）；} 
　　　//*定义图片的样式，绝对定位，翻转属性和DIV一样。*// 
　　　 --> 
　　 </style> 
　　 </head> 
　　　<body> 
　　　<div> 
　　　<p style=“font-family：bailey；font-size：36pt；
　　　　　　　　　font-weight：bold； color：rgb(10,128,156)；”> 
　　　 Leaf Village </p>
　　 //*定义字体名称、大小、粗细、颜色*// 
　　 </div> 
　　 <p><img src=http://old.zzzyk.com/article/Article/“ss05058.jpg”></p> 
　　 //*导入一张图片*// 
　　 </body> 
　　</html>
　　代码产生的两个效果分别如下图：（点击可以放大）
　　　　　　　　　　　　　
　　　　　　　　水平翻转　　　　　　　　　　　　　　　　垂直翻转
上一个：CSS滤镜之DropShadow属性
下一个：CSS滤镜之Glow属性
更多图片编程知识:

  
更多html/css疑问解答：
div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
css 属性选择器 ie6 不支持吗？
用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
介绍本学习css的书
wordpress多个CSS样式怎么调用？
这个div 的css是如何编写的
div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
dw中html文档为什么无法链接css文档
设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
css问题，跪求大大帮忙
请教网页设计高手，如下图的这种css代码怎么写？







  





CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络，