《
CSS有趣实例 让整个网页翻转效果》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334052013.htm
有时候咱们需要给用户一点惊喜,CSS有趣代码 远离IE6毁灭IE6抵制IE6，一些不同凡响,CSS新手整理的CSS技巧。当你拜访一个网站的时候发明网站的整个界面都是水平翻转过来的，会不会感到是浏览器出了问题呢？实在这种网页翻转效果通过强盛的 css 就能够实现滴。
你只须要把以下的 CSS 参加到要实现翻转效果的网页中即可看到效果：
Tag：网页 ,
CSS文档流与块级元素和内联元素; 效果 全部 实例 有趣
--> [
网站建设之]CSS有趣实例:让整个网页翻转效果
,CSS教程：透明度总结;
1 2 3 4 5 6 7 8 9
html{ filter:fliph } body{ -webkit-transform: rotateY(180deg),CSS教程：表格的nobr终极解决方案; -moz-transform: skew(0deg, 180deg) scale(-1, 1),CSS教程：练习层DIV的定位小实例; -o-transform: skew(0deg,CSS教程：数字和字母将容器撑大问题解决, 180deg) scale(-1, 1),CSS教程：overflow属性知多少; transform: rotateY(180deg),CSS教程：CSS3圆角属性; }
博客翻转后的效果展现：
其原理是让 IE 浏览器用户用滤镜实现网页的翻转后果,CSS教程之文章内容样式表现的技巧，非 IE 阅读器用户通过 CSS3 实现网页程度的翻转。
园子博客翻转后的效果展示
(责任编辑：网站建设)
CSS有趣实例 让整个网页翻转效果相关文章