IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

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

WEB前端开发 2011-04-02 13:44:09 累计浏览 3,058 次
本机暂存

愚人节,逛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. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. css3:box-shadow边框阴影属性值详解 (累计阅读 27,110)
  2. 前端必须熟悉的10个CSS3属性 (累计阅读 7,719)
  3. 30个超棒的404错误页面 (累计阅读 7,301)
  4. 使用CSS3开启GPU硬件加速提升网站动画渲染性能 (累计阅读 6,635)
  5. css3-animation制作逐帧动画 (累计阅读 6,516)
  6. HTML5+CSS3 loading 效果收集 (累计阅读 6,438)
  7. Html5(css3)的瀑布流布局的实现 (累计阅读 5,359)
  8. 前端必须掌握30个CSS3选择器 (累计阅读 5,227)
  9. HoverDir响应鼠标移动方向的悬停效果插件 (累计阅读 5,109)
  10. [译]渐进增强:纯CSS聊天泡泡 (累计阅读 5,076)