愚人节页面翻转效果的实现
浏览:2031次 出处信息
愚人节,逛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天十大热文
- [680] Go Reflect 性能
- [24] 正态分布的前世今生(一)
- [15] Cuckoo Filter:设计与实现
- [15] rsync同步的艺术
- [13] 关于RDS只读实例延迟分析
- [13] Linux Used内存到底哪里去了?
- [13] 深入浅出选择类排序算法(简单选择排序,堆排序
- [12] 什么是DNS劫持和DNS污染?
- [11] Android用户界面设计:表格布局
- [11] vim入门,进阶与折腾