愚人节页面翻转效果的实现
浏览:2034次 出处信息
愚人节,逛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天十大热文
- [14] 界面设计速成
- [14] 浏览器的工作原理:新式网络浏览器幕后揭秘
- [13] iOS下自己动手造无限循环图片轮播
- [13] iOS可视化编程 Tips 之“无需代码设置
- [13] Spark性能优化——和shuffle搏斗
- [13] Android设计中的.9.png
- [12] 我的git笔记
- [12] Go Reflect 性能
- [12] 最萌域名.cat背后的故事:加泰与西班牙政府
- [11] Python程序的执行原理