CSS Shapes 如今就像是渐进增强的完美示例。 就像border-radius一样。 旧版浏览器具有方形角！谁在乎呢！ CSS Shapes 允许您不规则地环绕文本——例如沿着circle()的路径。
Eric Meyer 在生产页面上使用了它，并展示了它的工作原理。 以下是一些我从网站本身的 CSS 中获取的代码，它仅在具有支持的大屏幕上应用
@media only screen and (min-width: 720px) {
@supports (shape-outside: circle()) {
.single-page article .complex-content img.right {
shape-outside: circle(150px at 170px 130px);
}
}
}Jen Simmons 也 提供了一些很棒的演示。 看起来shape-outside支持circle()、ellipse()、polygon()和url()，但尚不支持path()。