文章标签

当需求中写着“当可见时”时，你的大脑应该直接想到IntersectionObserver。这正是Zach 在这里所做的事情，当它滚动到视图中时启动动画。

除了这个动画是一个 SVG SMIL 动画：一个<animate>……

在学习Vue.js的过程中，我开始构建免费的 Web 工具，其中涉及到 SVG 的探索，目标是学习一些关于两者的事情！让我们看看其中一个工具：一个制作 SVG 加载器的生成器，并且……

SMIL，SVG 的原生动画规范，一直备受推崇，因为它提供了许多用于高效 SVG 动画渲染的铃铛和哨声。不幸的是，WebKit 中对 SMIL 的支持正在减弱，并且微软的……从未（也不太可能）存在过。

即使使用 CSS 为 SVG 制作动画可能对普通的前端人员来说更舒适，但 SVG 还有另一种方法可以将动画直接构建到 SVG 语法本身中。这正是我们在本视频中简要介绍的内容，但……

2015年12月更新：在更新时，SMIL 似乎正在逐渐消亡。Sarah Drasner 有一份指南关于如何替换它的一些功能。

以下是Sara Soueidan的客座文章。Sara……