CSS - Mona Lisa in pure CSS

by katalin_2003

HTML

<div id="monalisa" ></div>

CSS

body {
  background: black;
}

#monalisa {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -200px;
  width: 0;
  height: 0;
  box-shadow:
    0px 0px 4px 5px #6C6E47,
    5px 0px 4px 5px #686B42,
    10px 0px 4px 5px #6E7146,
    15px 0px 4px 5px #6F7244,
    20px 0px 4px 5px #67683A,
    25px 0px 4px 5px #767146,
    30px 0px 4px 5px #747041,
    35px 0px 4px 5px #726D3C,
    40px 0px 4px 5px #746D38,
    45px 0px 4px 5px #706E37,
    50px 0px 4px 5px #767B4E,
    55px 0px 4px 5px #7C8451,
    60px 0px 4px 5px #77895B,
    65px 0px 4px 5px #75845A,
    70px 0px 4px 5px #7D8354,
    75px 0px 4px 5px #7B8152,
    80px 0px 4px 5px #858956,
    85px 0px 4px 5px #8E9363,
    90px 0px 4px 5px #919059,
    95px 0px 4px 5px #908949,
    100px 0px 4px 5px #908D51,
    105px 0px 4px 5px #8E8B51,
    110px 0px 4px 5px #929054,
    115px 0px 4px 5px #8F8A4D,
    120px 0px 4px 5px #948B52,
    125px 0px 4px 5px #8B894E,
    130px 0px 4px 5px #8B884E,
    135px 0px 4px 5px #8F8C54,
    140px 0px 4px 5px #8E8955,
    145px 0px 4px 5px #91864C,
    150px 0px 4px 5px #938855,
    155px 0px 4px 5px #93894F,
    160px 0px 4px 5px #9C8E5C,
    165px 0px 4px 5px #9F925B,
    170px 0px 4px 5px #9E9259,
    175px 0px 4px 5px #A7955D,
    180px 0px 4px 5px #A39355,
    185px 0px 4px 5px #9D9051,
    190px 0px 4px 5px #9C9151,
    195px 0px 4px 5px #9D9554,
    200px 0px 4px 5px #A39A59,
    205px 0px 4px 5px #9F9760,
    210px 0px 4px 5px #A3A168,
    215px 0px 4px 5px #A4A168,
    220px 0px 4px 5px #9C9C6C,
    225px 0px 4px 5px #A69F67,
    230px 0px 4px 5px #A8A681,
    235px 0px 4px 5px #A4A574,
    240px 0px 4px 5px #A8A170,
    245px 0px 4px 5px #B09F74,
    250px 0px 4px 5px #B4A77D,
    255px 0px 4px 5px #B2AC7C,
    260px 0px 4px 5px #B8B07D,
    265px 0px 4px 5px #B9B587,
    270px 0px 4px 5px #B6AF7F,
    275px 0px 4px 5px #B9B17B,
    280px 0px 4px 5px #BAB27C,
    285px 0px 4px 5px #B8AE7A,
    290px 0px 4px 5px #B4A96E,
    295px 0px 4px 5px #B8AB72,
   ...

JavaScript

/*
  Mona Lisa with pure CSS
  Pointless but fun!

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