CSS Shapes

CSS Shapes — a practical guide to CSS shapes with clear examples you can reuse in real projects.

CSS Tutorial Series (89/109). Prefer one article? Read the complete CSS tutorial.

Short description

Progressive enhancement — ensure layouts still work without shapes.

Shape tip

img.cutout {
  float: left;
  shape-outside: circle(50%);
}