IT技术博客大学习 共学习 共进步

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

WEB前端开发 2011-04-02 13:44:09 累计浏览 2,944 次

愚人节,逛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+;

建议继续学习

  1. 翻转吧,界面!-3D UI概述 (累计阅读 3,304)