Question

众所周知，网络中的常见动画是事件驱动的。我们可以通过活动轻松播放动画。

但我想知道有没有办法用javascript创建类似视频的动画？

我想要的是当我打开一个页面时，浏览器会预加载所有材料（图像和音乐）。之后，动画会自动播放。

我只能通过使用css3过渡动画和javascript来想出一种效率低下的方法。

定义css3过渡动画。

.test1 {
    -webkit-transition: all 0.1s ease-in;
}

.test2 {
    -webkit-transition: all 0.3s ease-in;
}

.test3 {
    -webkit-transition: all 0.5s ease-in;
}

使用setTimeout功能

var ele1 = document.getElementById('t1');
var ele2 = document.getElementById('t2');
var ele3 = document.getElementById('t3');

setTimeout(function () {
    ele1.className += 'test1';
}, 1000);

setTimeout(function () {
    ele2.className += 'test2';
}, 3000);

setTimeout(function () {
    ele3.className += 'test3';
}, 5000);

是否有任何第三方工具可以做到？

Answer 1

您可以使用Adobe Edge或Google Web Designer

之类的内容轻松创建此类动画

有没有办法用javascript创建类似视频的动画？

1 个答案: