蔓青

「在 Web 网页中主要是以矩形分布的。而平面媒体则倾向于更多不同的形状。造成这种差异的原因是因为缺少合适的工具去实现我们平面媒体中的内容。这也就造成了很多设计师的创意发挥，就算是有创意，前端实现也将付出巨大的开发成本。 虽然 CSS Shapes Module Level 1（CSS 形状模块标准 1）的规范出现，可以打破矩形设计的限制。但仍需要一些不规则的图形。而早前实现一些不规则的图形，都需借助其它的元素功能，比如 CSS 绘制图形，很多时候就依赖于伪元素，或多个元素。如此一来，CSS Shapes 依旧无法发挥其强大的功能，让我们的 Web 打破常规的矩形布局。不过值得庆幸的是，CSS 的 clip-path 出现，它可以帮助我们绘制很多特殊的图形（不规则的图形）」。