Classic Album Covers Made Using CSS

I had a few spare hours on a lazy Saturday afternoon, so I put together a small collection of my favorite classic album covers rebuilt entirely in CSS3. This means no images and no non-web-safe fonts.

I started with the Pink Floyd cover because I thought the triangular gradient in the center would present a suitable challenge. The irregular pink banner behind the cut-and-paste text in the Sex Pistols cover is about ten separate blocks set at various angles. For the condensed font in the New Order cover, I used letter-spacing to simulate the look as closely as possible without cheating.

Pink Floyd – “The Dark Side of the Moon”

New Order – “Movement”

New Order
FACD.50 1981
Movement

Sonic Youth – “Daydream Nation”

Sonic Youth
Daydream Nation

Sex Pistols – “Never Mind the Bullocks”

never mind
the bullocks
here’s the
S
e
X
P
i
S
T
O
L
S