Fun with :target
Every once in a while, I like to play around with CSS, especially bleeding edge stuff, like CSS 3.
I’ve written a tiny demo that shows how CSS3 :target can be used to create effects that you previously would have to do with Javascript.
The demo works as a start at mimicing a windowing system contained within a webpage. Currently, only Safari and Mozilla support this. I have only tested in the latter, so any feedback from Safari users would be appreciated.
Comments
Comment from Kjell on 2003-07-10 05:59
The demo works great in Safari 1.0, interesting stuff.
Comment from Seamus on 2003-07-13 22:18
I like. Oh and thanks for the link.
Comment from Vidar S. Ramdal on 2003-07-16 11:49
Great stuff! Doesn’t seem to work in Camino, though. Guess Camino is based on an older Mozilla.
Comment from Tobias Steinhoff on 2003-08-01 15:26
hi, works well in safari 1.0
something seems to be wrong with the trackback on your side, my bookmarklet does not discover any trackbacks, on other MT driven sites it works well.
Comment from Arve on 2003-08-01 15:36
The trackback problem must reside on your end. I just tried using the “Post to MT Weblog” bookmarklet, and it correctly recognized the trackback data.
Comment from RotAtoR on 2003-08-19 17:23
Works greats in Firebird 0.6.1! Love the idea. I ran into a problem when dragging the “windows” out side the viewable area though.
Comment from Arwen on 2003-08-29 11:43
Impressive!!!!! Not only the CSS effect, but also the nice Apple-like design!
Comment from Devon on 2006-03-24 05:12
Apparently even the IE7 Mix Beta 2 preview released a few days ago, can’t even handle :target. I just tried the demo with it. That’s disappointing.
Comment from Shane on 2006-03-31 22:21
This is a very impressive presentation… I’m probably being a bit dim but I can’t find the code for your ‘movement.js’ script. Can you post the code or provide a link?
Thanks in advance,
Shane
Comment from Arve on 2006-03-31 22:38
Code is here: http://virtuelvis.com/gallery/css3/target/movement.js
This discussion has been closed. No further comments may be added.