How to create a True Detective-style masking effect in CSS

Inspired by the opening titles to the show True Detective, designer Tyler Gaw has demonstrated what can be achieved with CSS masking by creating his own version using images from Flickr Commons.

Gaw particularly liked how the silhouettes of people were used to mask other film shots in the True Detective titles, so he set about recreating this effect. You can read his full account of how he did it here.

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

Tanya Combrinck

Tanya is a writer covering art, design, and visual effects. She has 16 years of experience as a magazine journalist and has written for numerous publications including 3D World, 3D Artist, ImagineFX, Computer Arts, net magazine, and Creative Bloq. For Creative Bloq, she mostly writes about web design, including the hottest new tools, as well as 3D artwork and VFX.