本文转自万戈的博客,代码效果是让你的网站内容像是在镜子中的成像一样,那个专业术语叫啥不知道,就是反的,稀奇好玩的东西要转一下。
翻转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
哈哈,亲测可用
被万大大笑话了,呵呵