Vote 2020 graphic
Everything you need to know about and expect during
the most important election of our lifetimes

CSS Mona Lisa Turns Your Browser Into the Louvre

Illustration for article titled CSS Mona Lisa Turns Your Browser Into the Louvre

Using over 7,500 lines of code, hacker/artist Jay Salvat created this surprisingly detailed reproduction of da Vinci's Mona Lisa with nothing but cascading style sheets. It's about as modern as modern art can get.

Advertisement

There are no details on just how he went about recreating the famous piece, but looking at the code there aren't any clever tricks or shortcuts used here. The CSS just specifies the position and color of thousands and thousands of oversized pixels. Tedious, for sure, but it's not like daVinci whipped up the original in an afternoon either.

Illustration for article titled CSS Mona Lisa Turns Your Browser Into the Louvre
Advertisement

Update: The CSS image was created using a custom PHP class Jay wrote that's available for download here.

[Jay Salvat via LaughingSquid via Hacker News]

Share This Story

Get our newsletter

DISCUSSION

add a stache

210px 187px 6px 2px #000,

215px 187px 6px 3px #000,

220px 185px 7px 4px #000,

225px 185px 6px 3px #000,

230px 186px 6px 3px #000,

235px 187px 6px 3px #000,

240px 187px 6px 2px #000,