Javascript 如何创建网页工作的动画

我很想知道如何制作web应用程序工作的动画，类似于下面提供的链接：

我所说的动画是页面上的“它拥有你所需要的一切，让你拥有惊人的设计”。动画和图标与右侧的动画同步亮显。这怎么可能

---

提前谢谢

我认为您可以通过使用CSS

transition

和

opacity

属性来实现这一点

使用JavaScript更改HTML元素（例如，

div

）的位置和不透明度

有JS库的动画，但是，缝合自己将是一个很好的做法

例如，如果我想切换

div

元素，我可以执行以下操作：

function toggle() {
    document.getElementById('div01').style.left = '100px';
    document.getElementById('div01').style.opacity = 0;
}

如果

div01

的

转换

“0.1s”，则

不透明度

和

位置

将更改0.1s

您可以像您的示例一样将许多其他元素放入

div

元素中，然后通过隐藏顶部的

div

元素将它们隐藏在一个元素中

---

这是提琴：。

请指定动画的JS库？？？@Pamela Check tutorialzine.com/2017/04/…和sitepoint.com/our-top-9-animation-libraries。