K
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. We summarized some very basic examples below as an introduction to the shape-outside property.