CSS3卡片翻转动画,为什么旋转到一侧?试图让它绕着卡片的中心旋转

发布于 2025-01-08 08:15:15 字数 408 浏览 0 评论 0原文

我正在尝试使用以下示例: 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

呢古 2025-01-15 08:15:15

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

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

http://jsfiddle.net/yuYyW/

It's inheriting a declaration from styles.css which is not in the inlined code. Just add

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

http://jsfiddle.net/yuYyW/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文