Adobe

decor

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.

penetrating_polygon

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.