关于 Firefox 形状路径编辑器的 8 个小视频

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

有时,一个概念需要 35 秒才能真正深入人心。Mikael Ainalem 在这里做到了这一点,如果您还没有完全理解基于路径的 CSS 属性(如 clip-pathshape-outside)背后的概念。

以下是我最喜欢的两个。第一个演示了使用多边形作为剪辑来将文本动画化到视图中。

第二个演示了编辑器如何帮助将一个形状变形为另一个形状。

直接链接 →