Create collage effects in the browser with CSS

If you've ever wished you could replicate the effects of a traditional collage maker in your website layouts, this is the tutorial for you.

The web design tutorial will look at three CSS properties: mask-image, clip-path and shape-outside. Even if you have used them, don’t worry. I’ll show examples that will help you create effects you probably haven’t seen on many websites. 

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Aga is a designer and frontend coder at Adobe. She’s the co-founder of The Awwwesomes – a non-profit organisation that teaches people to do awwwesome things on the web, and organises coding workshops in Poland.