[CSS]アイコンがアニメーションでズームするスタイルシート

CSS3アニメーションを使用して、アイコンがアニメーションでズームするスタイルシートをCSSplayから紹介します。

デモのキャプチャ

CSS3 - The future now - menus
デモ

対応ブラウザはCSS3アニメーションに対応しているSafari, Chrome, Operaで、滑らかなアニメーションでアイコンが拡大します。
非対応のFirefoxではアニメーション無しで拡大します。

Post on:2010年4月20日


top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

10時のヘッドライン | CROSS SBM

on 2010年4月20日

[...] 百式管理人のライフハックブログはてブ:15 「睡眠薬売れるねん」newsing:1 [CSS]アイコンがアニメーションでズームするスタイルシート | コリスはてブ:7 手作りでモモラー再現！自家製辛口ラー油 by みぶち [...]

12時のヘッドライン | CROSS SBM

on 2010年4月20日

[...] Official Blog ～生け贄スタイルの理論と実践～はてブ:15 [CSS]アイコンがアニメーションでズームするスタイルシート | コリスfc2:1 特許から判断する検索エンジンのアルゴリズム要素×26 | [...]

freewebdev.jp

on 2010年4月21日

CSS3を使ったアイコンがアニメーションでズームするスタイルシート

「CSS3 – The future now – menus」
CSS3アニメーションを使用して、アイコンがアニメーションでズームするスタイルシートをCSSplayから紹介します。

対応ブラウザはCSS3アニメーションに対応し…

top of page

©2011 coliss