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.
Posted by: Jor | January 21, 2003 07:31 PM