Javascript 儿童基金会网页动画

有没有人能告诉我一些关于联合国儿童基金会网站上的gate动画和缩放页面转换的事情，我想尝试制作这个很酷的动画。至少给我“关键字”如何找到它。那些是用html5制作的吗？

在联合国儿童基金会的动画中，开发人员使用混合的JavaScript方法，使用JS库和CSS转换

你可以使用Chrome开发者工具查看他们的代码和文件

通常，您可以使用：

• CSS关键帧动画
• CSS转换
• JavaScript或一些库
• 网络动画API

为HTML页面中的DOM元素设置动画

为了帮助您入门，我使用CSS关键帧动画创建了一个简单的缩放效果，但是您可以使用JavaScript库（如jQuery、GSAP、Velocity或其他）获得类似的效果

对于更复杂的动画，我建议使用一个专门的JS库作为GSAP，如果你需要更简单的眼睛捕捉动画，你也可以考虑使用一些预先制作的效果：

• （CSS关键帧动画）
• （Web动画API）-免责声明我已创建此库：）

这实际上取决于你动画的复杂性和你的技能

#马里奥{
背景：url(http://vignette1.wikia.nocookie.net/the-new-super-mario-bros/images/7/7e/200px-Mario_Nintendo.png/revision/latest?cb=20140505185215);
背景重复：无重复；
宽度：375px；
身高：375px；
-webkit转换原点：0；
-ms变换原点：0；
变换原点：0；
-webkit动画：让5s轻松进出无限交替；
动画：马里奥尼姆5s轻松进出无限交替；
}
@-webkit关键帧marioAnim{
0% {
-webkit转换：比例（1.0）；
}
100% {
-webkit转换：规模（2.0）；
}
}
@关键帧树叶{
0% {
变换：比例（1.0）；
}
100% {
变换：比例（2.0）；
}
}

---

阅读源代码怎么样？@SamiKuhmonen good point；）+1.