css实现网页内容180度翻转

LMS
1.7K+ 2

本文转自万戈的博客,代码效果是让你的网站内容像是在镜子中的成像一样,那个专业术语叫啥不知道,就是反的,稀奇好玩的东西要转一下。

翻转css代码:

html{
    filter:fliph
}
body{
    -webkit-transform: rotateY(180deg);
    -moz-transform: skew(0deg, 180deg) scale(-1, 1);
    -o-transform: skew(0deg, 180deg) scale(-1, 1);
    transform: rotateY(180deg);
}

原理很简单,就是让 IE 用滤镜实现页面的翻转,让非 IE 浏览器通过 CSS3 实现对称的翻转效果。

博客内容结束。

转载后补充:

以上代码并未亲测,也没想去亲测,而且万戈博客上发的图片也叉叉了,本着对万戈五条件信任的转载的。可是一个小错误让我还是亲测了一下,在转载代码的时候插件的pre没有闭合,发表后发现文章下面发生错位,无觅插件的内容都反过来了,证明这个代码是确实有效的,可以放心使用。

文章目录
THE END

评论 2

发表评论

Submit