Web Gadgets: CSS3 Transition!

The internet is getting more dynamic than ever.

Twenty years ago, the web was just like an electronic paper. All you could do was to read.

Then, internet got faster -- images started to appear on the web.

10 years ago, we get the ECMAScript, or more commonly recognised as JavaScript. It allowed us to interact with webpages, making modern dynamic sites like Gmail and Meebo possible.

Today, we get CSS3 Transitions.

What does it do? Basically, it allows simple animations with shockingly few lines of codes. For Google Chrome, Apple Safari or Opera users, hover your cursor over any of my links (including the semi-transparent image links below the cbox). You should see the links slowly changing colour instead of snapping instantly, like lightning.

Well, how about Mozilla Firefox and Windows Internet Explorer users? For Firefox users, upgrade to Firefox 4.0 or later to enjoy this feature. Version 4.0 is available as a beta version at http://www.mozilla.com/en-US/firefox/beta/ as of now. It's really worth a try, especially if you're a Windows user.

As for IE users, well, maybe it's time to switch.

See http://hacks.mozilla.org/2010/07/firefox4-beta2/ for another CSS3 Transition sample.