I had the Dark Reader chrome extension on and it looked awful, then realised.. This is crazy impressive.
Pure CSS – Lace
21–30 of 106 posts
Re: Pure CSS – Lace
#22.iris { display: none; } :)
You hacker!
Re: Pure CSS – Lace
#23Amazing! Now I really wanna code something up that will generate this, it seems like it would be a super fun weekend project :)
As in applying GAN on this? Could be interesting
Re: Pure CSS – Lace
#24Doesn't seem to render correctly on Safari.
Safari is the new IE
Re: Pure CSS – Lace
#25Having been inured to loading 100KB-200KB of boilerplate CSS for a web project, I'm just amazed that the raw CSS for this is 43KB, un-minified:
https://github.com/cyanharlow/purecss-lace/blob/master/style...
Re: Pure CSS – Lace
#26There are more at the website. All very impressive! https://diana-adrianne.com/ https://cyanharlow.github.io/purecss-zigario/ https://cyanharlow.github.io/purecss-vignes/ https://cyanharlow.github.io/purecss-francine/ Previous discussions https://news.ycombinator.com/from?site=diana-adrianne.com
And the interview:
https://video.vice.com/en_ca/video/this-painting-is-made-of-...
And how she actually produces this:
Re: Pure CSS – Lace
#27Is there any video where the artist talks about the process? I'm really interested in understanding how the artist approached this. Anyways, beautiful work.
Not exactly what you are asking for, but she does provide more information on the 5 key properties: https://diana-adrianne.com/how/
Re: Pure CSS – Lace
#28This is an advance version of CSS. I would like to know you did it.
Re: Pure CSS – Lace
#29.iris { display: none; } :)
.iris {
background-color: red !important;
}
Re: Pure CSS – Lace
#30.iris { display: none; } :)
If you do the same with `.eye`, instead of empty eye holes you see closed eyelids.
So apparently there's even more work than initially meets the eye.