CSS3 Animated Bubble Buttons | Tutorialzine

これはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例です。
ボタンにカーソルを合わせるとカッコよく背景がアニメーションされ、よりボタンが押したくなるかもしれないテクニックです。
デザイナの方は１つのテクニックとして知っておいて損はしなさそうなテクニックなので押さえておいてもよいかも。

デモページで見てみる


アニメーションに使う背景画像。
アニメーション自体は transition プロパティを用いて実装されています。



関連エントリ

• CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」
• 便利なCSS3ツール6つ＋α
• CSS3のジェネレーター１４種
• IE6-8でもCSS3が使えるようになる「CSS3 PIE」