页面翻转效果的实现
日期：2016-09-28 阅读：5148 分类：学无止境 标签：CSS
网上瞎逛的时候，发现页面上有些地方翻转了，看着觉得有点意思，具体是通过ie滤镜和css3旋转来实现，IE浏览器用户用滤镜实现网页的翻转效果，非IE浏览器用户通过CSS3实现网页水平的翻转。
具体代码：
html{
filter:fliph;/*ie fliph(水平翻转滤镜)，还有flipv垂直翻转滤镜*/
}
body{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-transform: skew(0deg, 180deg) scale(-1, 1);
-o-transform: skew(0deg, 180deg) scale(-1, 1);
}