【问题标题】:How to Create a HTML animatation如何创建 HTML 动画
【发布时间】:2016-06-19 12:00:36
【问题描述】:

如果你看Google Docs landing page,当你向下滚动时,你可以看到有动画,比如这台电脑的屏幕是动画的:

我想做类似的事情。还有其他解决方案,例如动画 SVG、GIF 或视频,但我想了解此解决方案是如何完成的。

我知道我可以使用 Javascript 来创建这样的东西,但是肯定有一个我没有遇到过的库可以自动化这个过程?

谢谢。

【问题讨论】:

  • 可以使用css3动画
  • 右键页面 -> 检查元素并找出。
  • 有无数的库和技术来做动画。但是,请理解,这些解决方案的核心实际上只有 JavaScript 和 CSS。使用 CSS3 过渡、变换和动画,仅使用 CSS 就可以完成很多需要 JavaScript 的工作。您确实需要更具体地了解您真正想知道的内容。
  • @PeeHaa 我已经做过了,但是没有多少。

标签: javascript jquery html animation


【解决方案1】:

在您提出的特定示例中-我相信他们在经过精心设计的 div 中使用了少量 .png 图像,这些 div 由纯 CSS 动画提供支持-我通过查看随附的检查元素工具得出了这一结论谷歌浏览器的开发者工具。要亲自查看,只需右键单击页面并选择“检查元素”。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-16
    • 2018-12-03
    • 1970-01-01
    • 1970-01-01
    • 2017-05-23
    • 2014-05-19
    • 1970-01-01
    • 2013-12-29
    相关资源
    最近更新 更多