运动路径 – 过去、现在和未来

Cassie Evans 有 一个关于运动路径的优秀介绍。也就是说，能够沿着路径动画元素。不仅仅是向上/向下/向左/向右，而是任何您想要的弯曲/波浪/奇怪的路径。

这是一个有趣的主题，因为随着时间的推移，有许多不同的技术帮助完成它。SMIL、JavaScript 驱动的动画库、原生 JavaScript API，甚至通过 offset-path 和朋友的 CSS。我认为 offset-path 很有趣 - 它从 motion-path 更改为这个名称，因为从技术上讲，您并不一定需要对以这种方式放置在路径上的元素应用运动。

没有明显的赢家。我（可能很明显）是 CSS 中这种操作的粉丝，只要有可能，但在那里的浏览器支持基本上只是 Chrome。此外，在 CSS 中看到 SVG 路径值总是让人感觉有点不舒服，因为它们是无单位的数字。 SMIL 感觉就像过时的技术，但至少你是在 SVG 领域，并且路径在这个上下文中很有意义。如果浏览器支持至关重要，您必须使用库。

我认为运动路径中存在未开发的酷炫设计可能性。它不仅仅是用于着陆宇宙飞船，还可以用于实际的东西，比如 模态如何进入页面。

直接链接 →