CSS Mona Lisa Turns Your Browser Into The Louvre

Using over 7500 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.

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 colour of thousands and thousands of oversized pixels. Tedious, for sure, but it's not like da Vinci whipped up the original in an afternoon either.

[Jay Salvat via LaughingSquid via Hacker News]


Comments

    he wrote a script/program to do it, right? people have been turning images into coloured text for over a decade.

    The code has this comment:

    /*
    Mona Lisa with pure CSS
    Pointless but fun!

    Of course, it's not handcrafted.
    Here is my code:
    https://github.com/jaysalvat/image2css
    */

Join the discussion!

Trending Stories Right Now