34 / Type

Text Mask

The picture shows only through the letters. The type is the window, not the caption.

also called knockout text · background-clip · image-in-type

The type becomes an aperture onto the image. It needs real weight to work — thin letterforms leave too little opening for the picture to read.

How it is built

background-image: url(…); background-clip: text; color: transparent;