Tutorial

Shape-outside

The shape-outside CSS3 property is like a dream come true for web designers and developers alike, since it allows us to unleash our creative imagination outside the boundaries of image-editing software programs like Adobe. With the help of shape-outside we can now code geometric shapes and forms directly into our layouts, without having to worry about altering the readability aspect of our designs. The biggest advantage of shape-outside is the malleability of text, which can seamlessly flow around our shapes, in perfect synergy with our creative vision. I summarized some very basic examples below as an introduction to the shape-outside property.