[1] http://dev.w3.org/SVG/modules/streaming/ [2] http://snipplr.com/view/64802/simple-svg-streaming-server/
IIRC the gist of it was: 1) The page was never done loading 2) Each element (slot for a piece) was tied to a unique piece of css (for the hover state? active state?) 3) When the element of was clicked it would trigger a resource request from the server 4) The server used that as a cue to spit out some more html onto the ever loading page.
Using an ordinary mouse with X11's standard acceleration settings I don't have enough precision and keep hitting the walls - it's so bad I can't get past the first 3 or 4 seconds :(
But after the start of the game, if I don't move my cursor at all, I win every time (even cursor goes to the lighter area in between).
Sure, pushing the boundaries of CSS is cool, but the message is what really matters: reserve the JavaScript for applications.
This exploration of logic gates in CSS is a really great example too:
I would like see more work from you. Cheers!
Sorry for that so bad crossbrowsing, clip-path property is not easy to use. Safari and IE won't work apparently.
Ask me anything about it, I'll take time to answer !