技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> 愚人节页面翻转效果的实现

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

浏览:2082次  出处信息

愚人节,逛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概述    (阅读:2310)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:Firefox滚动残影
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1