愚人节页面翻转效果的实现
浏览:2037次 出处信息
愚人节,逛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+;
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:Firefox滚动残影
后一篇:有条件的添加Hover样式 >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: 愚人节 翻转
- 发布时间:2011-04-02 13:44:09
建议继续学习
近3天十大热文
- [702] WEB系统需要关注的一些点
- [355] 如何拿下简短的域名
- [19] 移动音乐产品梳理
- [17] 豆瓣是啥?
- [16] 产品经理的取舍之道与抽象能力
- [16] iOS和Android设计规范备忘表
- [15] 新手产品经理都混哪里
- [15] 为什么工程师会造出蹩脚的产品
- [14] Perl 的线程中的共享
- [14] 这些反人类设计,你肯定也碰到过