CSS 和/或 JavaScript 的“飞入”效果

【问题标题】："Fly in" effect with CSS and/or JavaScriptCSS 和/或 JavaScript 的“飞入”效果
【发布时间】：2015-06-18 17:57:55
【问题描述】：

我想知道是否有可能使用 CSS 和/或 PowerPoint 演示文稿中的某些脚本来制作“飞入”效果。

所以我需要对象从左侧“飞入”，并需要对象从浏览器右侧“飞入”。

感谢您的帮助。

【问题讨论】：

你有“飞入”效应的例子吗？
类似：jqueryscript.net/animation/…
看看这个网站Click Here。浏览动画并找到您要寻找的动画。
@DavidLaberge 我相信 jQuery 作为网络动画引擎的时代已经一去不复返了——自从 CSS3 过渡和动画以及 javascript Web API 以来。

【解决方案1】：

查看this example 并阅读有关CSS3 transitions 的信息。

CSS

#flyin { font-size: 0; opacity: 0; transition: 1000ms; }
#flyin.run { font-size: 20px; opacity: 1; }

Javascript

document.getElementById("flyin").className = "run";

HTML

<div id="flyin">Fly-in</div>

【讨论】：