[CSS3] Quickie CSS3 Tricks with Fallbacks – 簡単にできるCSS3を使ったトリック
これなかなかアツい。簡単にできるCSS3を使ったトリック集なんだけど、ただ角丸にしたりテキストにブラーをかけるだけじゃなく、それらを動きを使って見せてます。説明するよりデモページを見た方が早いですね。各オブジェクトにオンマウスすると、Flashのトゥイーンみたいな動きでスタートとエンドの中間を補完する形で動きます。最初JS使ってるんだと思ってソースDLしたら、CSSだけでした。-moz-transition: all 0.1s ease-in-out;あたりがソレっぽいです。CSS3でこんな事できるんですね。これを指定したところでレガシーブラウザには特に悪影響なさそうなので、モダンブラウザユーザー向けにちょっとした一手間をかける事もできそうです。