如何在网页上制作图形动画?

时间:2017-09-08 07:54:29

标签: javascript animation graphics

好吧,这可能是一个愚蠢的问题,但我对此完全陌生。我没有平面设计经验,但这是我想要学习的东西。

我的最终目标是创建一个带有动画图形的网页,如下所示:http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

或者更好的是,更复杂的事情如下:www.kennedyandoswald.com

后者是如何创造的?!

问题是,我不知道在制作动画图形时甚至可以从哪里开始。我假设第一步是在After Effects(或其他一些我不知道的程序)之类的程序上创建一个动画图形。那么,什么?你如何在网页上编码?我现在正在学习JS / HTML / CSS。

再次,如果这是一个愚蠢的问题,我很抱歉,但我们都必须从某个地方开始,我希望你能帮助我:)

1 个答案:

答案 0 :(得分:-1)

您可以集成很少的动画库+您需要在CSS3关键帧上拥有命令,以便您可以创建和自定义动画。

以下是图书馆的一些链接可能对您有所帮助。

 https://prinzhorn.github.io/skrollr/
 https://alvarotrigo.com/fullPage/
 https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp