(C) BoingBoing
This story was originally published by BoingBoing and is unaltered.
. . . . . . . . . .



What can be achieved with a single <div>? [1]

['Rob Beschizza']

Date: 2024-12-11

At A Single Div, web designer Lynn Fisher demonstrates the versatility of cascading style sheets, the markup that makes the web wonderful (or not, as the case may be). Everything on the page—artwork, color, animation, layout—is all accomplished by applying different styles to a single HTML tag: the humble div .

Whuut

This is a fun, little project to see how much can be accomplished with CSS. Every drawing consists of a single HTML element (in this case, the beloved div).

But, but!

Yes, this isn't super practical.

Yes, SVG is an easier and better medium for illustrations.

Yes, browser support is not broad.

Yes, it is super fun to do this anyway. ;)

[END]
---
[1] Url: https://boingboing.net/2024/12/11/what-can-be-achieved-with-a-single-div.html

Published and (C) by BoingBoing
Content appears here under this condition or license: Creative Commons BY-NC-SA 3.0.

via Magical.Fish Gopher News Feeds:
gopher://magical.fish/1/feeds/news/boingboing/

You are viewing proxied material from magical.fish. The copyright of proxied material belongs to its original authors. Any comments or complaints in relation to proxied material should be directed to the original authors of the content concerned. Please see the disclaimer for more details.