多个翻转实例(图像)

时间:2014-01-05 17:39:56

标签: jquery css jquery-ui css3 transform

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

标志1(等待几秒钟)>翻转到徽标2(等待几秒钟)>翻到Logo 3(等待几秒钟)>翻转到徽标4.所有这些都带有透视动画。

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

我真的不知道如何让翻转动画自动进行。我找到了一些东西,但是他们翻转或点击+你可以翻转2个实例(正面和背面)。

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

谢谢。

1 个答案:

答案 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