Why you should be excited about CSS shapes


In a nutshell, CSS shapes allows us to wrap text around more than just rectangular boxes. You can now wrap your text around circles, ellipses and polygons and even images.

Before CSS shapes came along, we were more or less locked into standard layouts of rectangular columns. We had to explain to designers who came from print design that no, we can’t make the text flow around your beautifully cropped image of Beyoncé.

If you've followed my work over the last six months, you know already that I'm a huge fan of CSS Shapes. I've used them here on thewebahead.net quite a bit. Unlike, say, Flexbox, the code for Shapes level 1 is very simple. Easy to understand. Easy to remember.

This blog post by Chen Hui Jing will tell you everything you need to know to get started.