我想使用 CSS3 制作动画，将 3D 空间中的元素翻转为介绍动画。谷歌搜索将显示许多不同的网站，解释如何制作翻转动画 - 这是最重要的结果：http ://davidwalsh.name/css-flip
但问题是这不是我想要的样子。所有这些翻盖的中心都位于中间，就像铰链在中心的旋转门一样。
我想要的翻转动画应该像一扇打开的门一样开始（因为它垂直于屏幕所以不可见），铰链在左侧 - 然后门关闭，你看到关闭的门的前面，然后它停在那里. 就我而言，用户将单击一个按钮，然后该元素将使用动画作为介绍出现。
解决方案应该使用 CSS3（javascript 也可以），并且只在 Webkit 中工作是可以的（我将在其他浏览器上做一些完全不同的动画）