google-chrome - 第一个动画的 chrome 19-21 中的 CSS 3 Card-Flip Animation 错误

Question

我有一个非常奇怪的问题。我为我的作品集制作了一个 css 3 卡片翻转动画。在 Firefox 中一切正常，但在 chrome 中，由于某种原因，第一张卡片的动画方向错误。如您所见，左图显示错误的动画，拉伸错误，而右图则完美。所有卡片都是由脚本创建的，因此 html 标记或 css 不会有任何区别。

有任何想法吗？我可以提供什么样的信息来帮助解决这个问题？

干杯卢卡斯

Answer 1

更新

.card flip
     {
      text-decoration: none;
      text-align: center;
       float: left;
       position: relative;
       display: block;
       z-index: 30;
   }

删除它们perspective会webkit-perspective导致错误