CSS shape & mask

给元素定义一个形状,使他的作用域不再是矩形,外貌并不会改变。
  • shape-outside:在一个形状(外)包裹内容 // change float element‘s float area.

  • shape-inside:在一个形状内包裹内容
  • circle()
  • ellipse()
  • inset()
  • polygon()


mask-image: url(leaf.png);
// 注意:mask,clip 等 css 属性是需要 url,不能直接用 id 应用 svg,svg 的 可以。