So I occasionally visit the Surfin Safari blog, which is the Webkit developers blog (which is the nightly build version of the Apple Safari browser). The past few months, they have been making huge strides in pushing this browser forward. No doubt the iPhone which is powered by a flavor of Safari has been the motivation behind it.

Anyway, in addition to being the first browser to score 100% on the ACID 3 test, the Webkit team has proposed new CSS3 properties including animation properties, drop shadows, the ability to embed fonts into an html/css page and more.

I decided to have a look at the CSS3 animation stuff, and was amazed at how simple it was to create Flash style animations using only CSS and the current version of Safari (3.1.1 at the time of this blog entry).

See the link for my 'Smoothie' animated CSS3 menu (requires latest version of Safari).

Example here