Css3卡翻转动画，为什么它旋转到一边？试图让它围绕卡的中心旋转

Question

我正在尝试使用此示例：http://desandro.github.com/3dtransforms/examples/card-01.html

但是当我复制css时，为了在jsfiddle上进行演示，它会在一侧旋转，当它翻转时它几乎会摆动。

我试图让它像示例一样，但我不知道出了什么问题。如何让它像演示那样翻转？

我的jsfiddle：http://jsfiddle.net/nicktheandroid/RrtVy/

Answer 1

它继承了styles.css中的一个声明，该声明不在内联代码中。只需添加

#card figure {
  ...
  margin: 0;
}

http://jsfiddle.net/yuYyW/