Skip to content

basic-shape

basic-shape 数据类型表示基本形状值。

示例

css
/* clip-path */
.element {
  clip-path: circle(50%);
  clip-path: ellipse(50% 50%);
  clip-path: inset(10px);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* shape-outside */
.element {
  shape-outside: circle(50%);
  shape-outside: ellipse(50% 50%);
  shape-outside: inset(10px);
  shape-outside: polygon(50% 0%, 0% 100%, 100% 100%);
}

相关资源