CSS 3卡片翻转动画错误铬19-21第一动画

我有一个非常奇怪的问题。我为我的投资组合做了一个css 3 cardflip动画。在Firefox中一切正常，但由于某种原因，第一张卡片在动画方向上有错误。正如你所看到的，左边的图片显示错误的动画，拉伸错误，而右边的图片是完美的。所有的卡片都是由脚本创建的，所以在html标记或css中不会有差别。CSS 3卡片翻转动画错误铬19-21第一动画

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

干杯卢卡斯

Animation

来源

2012-08-31 Lukas Oppermann

同样也发生在我身上，所以我更新我的Chrome浏览器有一些bug很多铬版本，所以我更新我的铬和工作正常... –

我正在运行21.0.1180.82，吨帽子应该是相当新的，对吧？ –

好的我正在使用23.0.1243.2 m.Hey你能给我链接，所以我可以测试你的CSS转换，因为我有类似的CSS，它的工作很好希望我能解决你的问题 –

更新

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

删除perspective和webkit-perspective他们造成错误

来源

2012-09-01 09:40:19

它工作，谢谢。但是有必要为其他部分增加视角。 '''.card-flip .front，.screen .card-flip：hover .back { \t -webkit-transform：perspective（600px）rotateY（0deg）; }''' AND '''.card-flip .back { \t -webkit-transform：perspective（600px）rotateY（-180deg）; }''' –

感谢分享 –

CSS 3卡片翻转动画错误铬19-21第一动画

回答

相关问题