多个翻转实例（图像）答案

【问题标题】：Multiple flip instances (images)多个翻转实例（图像）
【发布时间】：2014-01-05 17:39:56
【问题描述】：

我想知道如何实现这一目标。例如，我有四个版本的徽标，我想通过翻转效果浏览所有版本。示例：

Logo 1（等待几秒钟）> 翻转到 Logo 2（等待几秒钟）> 翻转到 Logo 3（等待几秒钟）> 翻转到 Logo 4。所有这些都带有透视动画。

就像你会掷一枚硬币但你会翻转 4 个徽标实例。

我真的不知道如何让翻转动画自动进行。我发现了一些东西，但它们会在悬停或单击时翻转 + 你可以翻转 2 个实例（正面和背面）。

也许你可以给我一些相关的教程或类似的东西。

谢谢。

【问题讨论】：

【解决方案1】：

完全可以仅使用 CSS3！

不要使用过渡（女巫是由用户的动作触发的），而是使用 css 动画。在 CSS-tricks.com 上有一个很棒的视频向人们介绍 CSS 动画，我推荐你 check it out 看看如何理解它以及如何让它在许多浏览器上工作，但简而言之，你从声明动画：

@-webkit-keyframes nameTheAnimation { /* what will it do */ }

然后您检查要设置动画的元素并添加动画：

-webkit-animation: nameTheAnimation 'delay in s' 'time in s';

具体有哪些房产可以check w3schools

【讨论】：