我的页面有一个 <UL>与 9 <LI>s在 3x3 网格中呈现。我想知道一种在页面加载时为这些元素设置动画的方法，因此它们一次构建 1 个，从网格中心飞入。
有人知道上述想法的任何教程或示例吗？
谢谢
最佳答案
有两种方法可以实现这一点。一是使用 CSS3 转换，您需要在其中应用某种触发器(例如通过 javascript 添加类名)。
这是一个 JS fiddle :http://jsfiddle.net/VnrcJ/
另一种方式是 CSS3 动画，它是纯 CSS(不需要 javascript 触发器)但是很多更多的 CSS，因为每个 li 都需要它自己的动画 (尤其是在支持多个浏览器及其前缀时)。
这是一个 JS fiddle :http://jsfiddle.net/zT7jS/
显然，您会想要使用所有浏览器前缀组合，我只在 fiddles 中使用了 -webkit-
关于html - 如何使用 css3 转换在页面加载时为 3x3 LI 元素设置动画？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9204024/