5 ms·
There's also someone who does incredible artwork using only hand-written CSS: http://diana-adrianne.com/purecss-francine/ http://diana-adrianne.com/purecss-fra
by jzl 8y ago
There's also someone who does incredible artwork using only hand-written CSS:
http://diana-adrianne.com/purecss-francine/ http://diana-adrianne.com/purecss-francine/
How it works:
http://diana-adrianne.com/how/ http://diana-adrianne.com/how/
- marvindanig 8y agoAnd there is this one who makes children's book using css3: https://bubblin.io/cover/abcd-animal-book-by-judith-neumann#frontmatter https://bubblin.io/cover/abcd-animal-book-by-judith-neumann#... How: https://blog.codepen.io/2016/01/08/abcd-animal-book/ https://blog.codepen.io/2016/01/08/abcd-animal-book/
- pault 8y agoI clicked expecting some cartoonish 2D illustrations, and then spent a few minutes clicking around the DOM in awe. o_O
- jjordan 8y agoMeanwhile, I can't get a box to line up properly.
- cazum 8y agoJust a warning to mobile users: The upper link can absolutely grind Android Chrome to a halt. Force closing the app doesn't fix it either, as chrome reopens the last tab you had open, so the only way out is to completely wipe the browser data which is a little annoying.
- Yetanfou 8y agoI tried it on Chrome, Lightning, Privacy Browser, Firefox, Fennec en Firefox Klar ('always in privacy mode'), it works fine on all of these. Tested on Android 8.1 on a Xiaomi Redmi Note 5.
- btbuildem 8y agoTIL border-radius has a bit more to offer than I knew
- arc_of_descent 8y agoThis is nice. But she is still using images right? It's the same. Choose a great texture, apply it to objects.
- KaoruAoiShiho 8y agoShe is not, that's the whole point.
- barbecue_sauce 8y agoNo, all the stuff in these images are divs.
- bitwize 8y agoNope -- this is the HTML equivalent of Japanese Excel art.
- Yetanfou 8y agoStrangely enough the image looks far better - as in more or less like it should - in Firefox (67.0a1) while she looks like Freddy Krueger's offspring (wrong colours, translucent areas which should be opaque or the other way around, etc) in Chromium (72.0 build 3626), both on Debian (Sid). I say this is strange as the author explicitly mentions she only expects it to look as it should on Chrome.