« New sermon | Main | Headlines from the Year 2035 »

CSS decorative lunacy

(Alex Robinson sent the following message to css-discuss)

And on a different tip, any links to interesting things done using CSS for
purely decorative effect (even if that effect is useful)?

I know of Eric Meyer’s ‘Slantastic’ and Tantek’s polygons (which obviously
got updated to work in Mozilla at some point recently cos they didn’t work
before).

http://www.meyerweb.com/eric/css/edge/slantastic/demo.html
http://www.tantek.com/CSS/Examples/polygons.html

I had the crazy and totally useless idea of a recursive spiral while
travelling back home the other night on the London Underground in a drunken
haze

http://www.fu2k.org/alex/css/test/Spiral.mhtml

The most interesting thing to note about it is the performance of the
various browsers when it comes to displaying the spiral.

Opera 7 and 6 are quite simply the best and can’t be faulted. Opera 5 is
good at drawing the spiral but fluffs the starting position of the first
“arm” of the spiral. IE5/mac is fairly impeccable, but for some reason I
can’t work out it’s screws up the starting point quite spectacularly.
Gecko-browsers suffer from glitches which get worse as the spiral gets
tighter (also depending on how the viewport is sized). IE6 is just that bit
worse, and IE5 comes in a quite erratic last.

Shockingly, I just checked OmniWeb 4.1.1. And it’s almost as good as Opera!

Anyhow, er, that is all.

Comments

This one came up at the Opera newsgroups:

Star of Slants

But apparently we'll need to wait for Beta three to see it correctly, since it uses transparant borders. Opera's Rijk said it looked good with his build.