模态总是只是出现。您可能会偶尔看到一个从边缘滑入的模态，或者使用某种缩放/不透明度来从“上方”或“下方”出现。但我们可以比这更奇怪。为什么不让他们沿着 offset-path 出现呢？
只是一个弯弯曲曲的弧线，有点意思。
查看 CodePen 上的
在路径上移动模态，作者：Chris Coyier (@chriscoyier)
在 CodePen 上。
或者我们可以像玛丽·波平斯一样让它从远处漂浮进来。
查看 CodePen 上的
在路径上移动模态：玛丽·波平斯版，作者：Chris Coyier (@chriscoyier)
在 CodePen 上。
或者直接变得摇摇摆摆。
查看 CodePen 上的
在路径上移动模态：疯狂版，作者：Chris Coyier (@chriscoyier)
在 CodePen 上。
就这样。我想你本来就是为了这些 CSS 技巧来的。;)
这些只在 Chrome 中有效。唉。
嗯，是的，它们使用 offset-path。
我想你可以用变换来修补一些东西？
非常酷的东西，但我希望你在这里也提到一下浏览器兼容性。
这的核心是 offset-path，这是年鉴，包括浏览器支持
对我来说完全不起作用。
macOS Mojave 10.14.4
Chrome 75.0.3770.80
Firefox 67.0.1
为什么？
offset-path很酷，但在这里的应用并不理想。