我想使用 CSS3 制作一个在 3D 空间中翻转元素的动画作为介绍动画。谷歌搜索将显示许多不同的网站，解释如何制作翻转动画 - 这是最重要的结果:http://davidwalsh.name/css-flip
但问题是这不是我想要的样子。所有这些翻盖的中心都在中间，就像铰接在中心的旋转门。
我想要的翻转动画开始时应该像一扇打开的门(不可见，因为它垂直于屏幕)，铰链在左侧 - 然后门关闭，您会看到关闭的门的前面，然后它停在那里。在我的例子中，用户将单击一个按钮，然后该元素将使用动画作为介绍出现。
解决方案应该使用 CSS3(javascript 也可以)，并且只在 Webkit 中工作是可以的(我将在其他浏览器上做一些完全不同的动画)
最佳答案
使用transform-origin:-webkit-transform-origin: 0% 50%on .flipper。只看兼容性。 caniuse.com 没有列出 transform-origin。记住供应商前缀。
关于html - 如何使用CSS制作不同的翻转动画？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14904854/