[CSS]Mac OS Xのドック風のバブルエフェクトを実装するスタイルシート

スクリプトを使用しないで、スタイルシートで実装するバブルエフェクトをAEXT.NETから紹介します。

Bubble Effect with CSS
demo

実装方法は二種類紹介されており、「CSSスプライト」を使用したものと「画像のスワップ」を使用したものがあります。

どちらもリスト要素で実装されていますが、配置の制限やスタイルシートオフ時の環境でそれぞれ異なります。