Web Platform Team Blog

Making the web awesome

Penetrating Polygons Explained

Note: CSS Shapes syntax has changed. For the latest information, see CSS Shapes Module Level 1.

Hans Muller has another great blog post focusing on his work implementing the shape-inside feature from the CSS Shapes Level 2 specification. In this installment, Hans explains how he calculates the shape-inside that corresponds to a polygon penetrating an HTML element’s content box.


Read all about how the algorithm works and play with Hans’s interactive demo to help visualize the functionality. Don’t miss the short video of Hans’s cat-on-a-ladder-turning-on-a-light demo at the bottom of the post.

Comments are closed.