Mona Lisa in pure CSS • Hacker News Board

Re: Mona Lisa in pure CSS

#11

Post by steffanwilliams » Thu, Oct 04, 2012, 1:02 AM UTC

There is a generator on Codepen that allows you to do this, that probably deserves more praise: http://codepen.io/blazeeboy/pen/bCaLE

Re: Mona Lisa in pure CSS

#12

Post by corwinstephen » Thu, Oct 04, 2012, 1:15 AM UTC

The best part about this is that now I know that the box-shadow property can take multiple arguments. The more you know...

Re: Mona Lisa in pure CSS

#13

Post by elliotlai » Thu, Oct 04, 2012, 1:18 AM UTC

I want a Ecce Homo version of this please ><

Re: Mona Lisa in pure CSS

#14

Post by phoboslab » Thu, Oct 04, 2012, 1:21 AM UTC

And here I am, upvoting the thread because I thought it's a statement about how ridiculous all the 'X in pure CSS' posts have gotten, while everyone else in this thread seems to be genuinely impressed.

Re: Mona Lisa in pure CSS

#15

Post by jgv » Thu, Oct 04, 2012, 1:21 AM UTC

corwinstephen wrote: post #12

The best part about this is that now I know that the box-shadow property can take multiple arguments. The more you know...

7 thousand of them

Re: Mona Lisa in pure CSS

#16

Post by pan69 » Thu, Oct 04, 2012, 1:25 AM UTC

About ten years ago I made a converter application that converted a image (jpg/png/gif) to an HTML table. The result at the time was great. Unfortunately the generated HTML was quite verbose so it took a lot of bandwidth to download. I guess a similar conversion program has been used here and it seems that CSS these days can take off quite a bit of fat of that generated code.

PS: Forgot to mention. The reason I wrote the converter at the time was as an experiment to avoid people from right-click and saving images.

Re: Mona Lisa in pure CSS

#17

Post by jere » Thu, Oct 04, 2012, 1:31 AM UTC

Jeez.

If your underlying method is pixels, you can render any image you want. I'm afraid I'm missing the "hack" here.

Re: Mona Lisa in pure CSS

#18

Post by tlrobinson » Thu, Oct 04, 2012, 1:35 AM UTC

We get it, you can draw anything in "pure CSS".

Re: Mona Lisa in pure CSS

#19

Post by RKearney » Thu, Oct 04, 2012, 1:39 AM UTC

tlrobinson wrote: post #18

We get it, you can draw anything in "pure CSS".

Not entirely. This also requires HTML.

Re: Mona Lisa in pure CSS

#20

Post by cup » Thu, Oct 04, 2012, 1:39 AM UTC

pan69 wrote: post #16

About ten years ago I made a converter application that converted a image (jpg/png/gif) to an HTML table. The result at the time was great. Unfortunately the generated HTML was quite verbose so it took a lot of bandwidth to download. I guess a similar conversion program has been used here and it seems that CSS these days can take off quite a bit of fat of that generated code. PS: Forgot to mention. The reason I wrote…

While some websites stop people from right clicking and saving (such as flickr) you can get around that by just screen printing. So why would you invest time in trying to stop one route of copying when there is a second unstoppable?