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

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

所以在自己的博客上也加了一下效果,具体的实现通过ie滤镜和css3旋转,具体代码:
[code=”css”]
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);}
[/code]

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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 愚人节页面翻转效果的实现

评论 13

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    jankerli8年前 (2011-04-02)回复
  2. #-48

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

    万戈8年前 (2011-04-02)回复
  3. #-47

    feed也改摘要输出了吗

    任平生8年前 (2011-04-02)回复
    • 什么意思啊

      8年前 (2011-04-02)回复
    • 他这个好像本来就是摘要输出的

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

      akasuna8年前 (2011-04-02)回复
  4. #-46

    好玩~

    greenbud8年前 (2011-04-02)回复
  5. #-45

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

    wheet8年前 (2011-04-02)回复
  6. #-44

    这个好玩,另:为什么在名称那按TAB会跳到搜索呢?

    牧羊城8年前 (2011-04-05)回复
  7. #-43

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

    张衡8年前 (2011-04-08)回复
  8. #-42

    不错,挺新意的!

    aguang8年前 (2011-06-16)回复
  9. #-41

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

    coolzilj7年前 (2011-09-10)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏