CSS3卡片翻转动画,为什么旋转到一侧?试图让它绕着卡片的中心旋转
我正在尝试使用以下示例: http://desandro.github.com/ 3dtransforms/examples/card-01.html
但是当我复制CSS,制作一个演示以在jsfiddle上玩时,它会围绕一侧旋转,翻转时几乎会摆动。
我试图让它像例子一样,但我不知道出了什么问题。我如何让它像演示一样翻转?
我的jsfiddle: http://jsfiddle.net/nicktheandroid/RrtVy/
I'm trying to use this example: http://desandro.github.com/3dtransforms/examples/card-01.html
But when I copied the css, to make a demo of it to play with on jsfiddle, it rotates kind of around one side, it almost swings when it flips.
I'm trying to make it act like the example, but I don't know what's wrong. How do I make it flip like the demo does?
my jsfiddle: http://jsfiddle.net/nicktheandroid/RrtVy/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
它继承了 styles.css 的声明,该声明不在内联代码中。只需添加
http://jsfiddle.net/yuYyW/
It's inheriting a declaration from styles.css which is not in the inlined code. Just add
http://jsfiddle.net/yuYyW/