How we built it

CSS Shapes Module Level 1

CSS Shapes allows one to specify a geometric "shape-outside" for a float. Content will wrap around the float's shape-outside, instead of its rectangular boundary. The shape-outside property can be specified with a geometric primitive, like an ellipse or a polygon, or by the pixels of an image's alpha channel whose values are greater than shape-image-threshold. A shape-outside's boundary can be uniformly expanded with the shape-margin property.

Comments

Rossen Atanassov from Microsoft is co-editor of the spec.

Demos

Documentation

Specification

Working draft or equivalent

Status in Chromium

Enabled by default (launch bug) in:

  • Chrome for desktop release 37
  • Opera release 24
  • Opera for Android release 24

Consensus & Standardization

Owners

Last updated on 2016-02-15