Dock demonstration SVG / SMIL

Today I decided to have a look at what it would be like to make a MacOS-like “dock” in the SVG, using the SMIL <animateTransform> elements to achieve an increase in hover effect.

As soon as it worked for me, I sensed that I really should have customized the icons to do something useful when you press them. So I screwed the control of the built-in frame to them.

Here is the result: SMIL Dock
')
Screenshot:



(In the original there is also a screencast. - approx. Lane.)

Note that this demo will work as it should only in the nightly build of mozilla-central — that is, Firefox 3.7 / Gecko 1.9.3 — because previous versions do not support SMIL.