基本上试图展示一系列类似于扑克牌或塔罗牌的卡片，每张卡片的一侧都有独特的图片或图像，另一侧有文字描述。
加载页面时，图像将首先显示，但单击按钮后，卡片将翻转 180 度以显示卡片/图像的文本描述。
所以我猜这是一个翻转 3d 图像同时显示后面的 div 的问题。查看了 Cycle 插件，但不确定它是需要的。
有人有什么想法吗？
最佳答案
使用 CSS3 进行旋转:
- 在 Mozilla Firefox 中，这将是
-moz-transform:rotate(180deg) - 在基于 Webkit 的浏览器中，即 Chrome:
-webkit-transform:rotate(180deg) - 在 Opera 中:
-o-transform:rotate(180deg) - 在 IE 中:
-ms-transform:rotate(180deg)(仅限 IE9) - 在 IE9 之前的版本中:不容易实现，需要使用 Matrix Filter
使用jQuery rotate plugin统一所有浏览器差异。
参见 fiddle : http://jsfiddle.net/garreh/bqYUA/
关于jQuery 将 div 翻转 180 度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6070176/