愚人节页面翻转效果的实现

时间：2011年04月02日作者：愚人码头查看次数:5,662 views评论次数：13

昨天愚人节，逛pinterest.com的时候，发现页面上的有些地方翻转了，着实被愚了一把。

所以在自己的博客上也加了一下效果，具体的实现通过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);}

一个意外的结果是昨天的访问数增加了1000+；

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《愚人节页面翻转效果的实现》

如果你读了我的文章，觉得有帮助：

说明

标签：页面翻转分类：html5+css3

9条评论

jankerli留言于:2011年04月02日09:40

难怪咯···不过还好自己直接改了CSS就可以显示回来了，呵呵···

[回复]
万戈留言于:2011年04月02日11:35

昨天我也玩了一把这个，哈哈

[回复]
任平生留言于:2011年04月02日12:34

feed也改摘要输出了吗

[回复]
愚人码头回复于:四月 2nd, 2011 at 12:37 下午
什么意思啊

[回复]
任平生回复于:四月 3rd, 2011 at 12:27 上午
以前 Feed 是全文输出的啊，现在变成摘要的了，故意为之吗？
http://www.css88.com/feed

[回复]
akasuna 回复于:四月 2nd, 2011 at 8:39 下午
他这个好像本来就是摘要输出的

另外，留言的时候，一按 tab，就跳到搜索框去了，着实的不对劲啊

[回复]
greenbud留言于:2011年04月02日15:13

好玩~

[回复]
wheet留言于:2011年04月02日16:04

确实被愚了，然后要看文章时，用ＦＦ打开把样式屏掉。。。

[回复]
牧羊城留言于:2011年04月05日23:54

这个好玩，另：为什么在名称那按TAB会跳到搜索呢？

[回复]
张衡留言于:2011年04月08日17:46

哈哈，好多地方都看到这样的效果了。。。

[回复]
aguang留言于:2011年06月16日16:39

不错，挺新意的！

[回复]
coolzilj留言于:2011年09月10日15:42

pinterest原来就是MARK ZHI的原型呀！我了个去！

[回复]