愚人节页面翻转效果的实现
浏览:2077次 出处信息
愚人节,逛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天十大热文
- [65] Oracle MTS模式下 进程地址与会话信
- [64] Go Reflect 性能
- [64] 如何拿下简短的域名
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 【社会化设计】自我(self)部分――欢迎区
- [58] 图书馆的世界纪录
- [56] android 开发入门
- [53] 视觉调整-设计师 vs. 逻辑
- [46] 读书笔记-壹百度:百度十年千倍的29条法则
- [45] 界面设计速成