翻转动画-CSS-移动浏览器



我创建了一个小提琴:

https://jsfiddle.net/6zkmg2cn/

I tried to add code but it wouldn't show the HTML from the fiddle?

此小提琴在PC上工作正常,但是移动浏览器上的同一小提琴行不通。

您将看到,它只是翻转"前" 180度,但从未显示"后背"

知道我做错了什么?

还是有人知道使用在移动设备上使用的"脚钳"动画的更好方法?我只想要一个基本的"单击此并翻转"动画。

编辑:对不起,我应该添加更多信息:事实证明,它确实可以在Android Chrome和Firefox上使用,但是我看到它不起作用的是iOS Chrome(56.0.2924.79)和ios Safari(10.1.1 ios)和ios Firefox(6.1)

显然,这是我缺少CSS中的-webkit标志的东西吗?评论中表明它与之兼容的评论中的链接表明它应该与这些浏览器一起使用,因此使我相信它的代码。对不起。

是:

-webkit-backface-visible:hidden;

我需要添加。

谢谢你们,您的评论帮助我找到了这个答案。我很感激。

相关内容

  • 没有找到相关文章

最新更新