我知道 clip-path 用于在元素上创建 mask ，但我不确定 clip-path 和 shape-outside 属性之间的区别以及它们是否可以一起使用
最佳答案
两者都“创建不可见层”，但目的不同。
clip-path:就是“修剪”一个元素，在他上面创建一个 mask ，遮住你不想显示的部分。它不影响它周围的元素如何 float (它们仍然有一个框作为引用)
shape-outside:在元素周围创建一个不可见层，它周围的在线元素从中 float (它们现在有一个自定义形状作为引用)。 shape-outside 不会剪切元素或影响其外观。
注意:在此图像中，您可以看到文本如何围绕创建的shape-outside(紫色)
两者可以完美结合使用。
css-shapes-editor 是一个了不起的扩展/工具，可以帮助您使用这两个属性 https://www.youtube.com/watch?v=zdWsBZiGiZc
关于css - clip-path 和 shape-outside 属性之间的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55090634/