我想知道如何实现这一目标。例如,我有四个版本的徽标,我想通过翻转效果浏览所有徽标。例如:
标志1(等待几秒钟)>翻转到徽标2(等待几秒钟)>翻到Logo 3(等待几秒钟)>翻转到徽标4.所有这些都带有透视动画。
就像你翻转一枚硬币一样,但翻转4个徽标实例。
我真的不知道如何让翻转动画自动进行。我找到了一些东西,但是他们翻转或点击+你可以翻转2个实例(正面和背面)。
也许你可以指点我一些相关的教程或类似的东西。
谢谢。
答案 0 :(得分:0)
仅限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