円形エレメント、エフェクト・スタイルシート
2012.08.15記 |
[CSS]円形エレメントの実装とホバー時に面白いアニメーションのエフェクトを与えるスタイルシート
この記事見て面白そうだったので試しました。
元ネタ:Circle Hover Effects with CSS Transitions
この記事見て面白そうだったので試しました。
元ネタ:Circle Hover Effects with CSS Transitions
CSS transforms are not supported in your browser
CSS transitions are not supported in your browser
Sorry, only modern browsers.
用意した画像
Demo 1
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 2
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 3
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 4
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 5
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 6
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Demo 7
-
啓文社
印刷・DTPの専門店
-
啓文社
印刷・DTPの専門店
Chorome、FireFoxはOKでした
IE9はエフェクトがだめです。
元ネタサイトではIE9でもOKなのに、なぜ?
ここではデモを1ページに納めたのと、画像のサイズを小さくしたので、CSSを少しだけ変更しました
IE9はエフェクトがだめです。
元ネタサイトではIE9でもOKなのに、なぜ?
ここではデモを1ページに納めたのと、画像のサイズを小さくしたので、CSSを少しだけ変更しました
2012.09.15 iPod touch 第5世代 |
2012年 |
2012.07.15 XSL-FO |