on:2013年11月21日sponsorsシンプルなHTMLでサークル状に実装したエレメントのホバー時に、かわいいアニメーションを与えるスタイルシートを紹介します。実際の動作は、下記ページで確認できます。Firefoxなどのブラウザでご覧ください。Animationアイデアの元となったのは、こちらのサイトの中央のサークル。Villagesサークルのアニメーションは、ここではjQueryとちょっと複雑なHTMLが使用されています。Animationでは、HTMLをシンプルし、さらにCSSのみで実装してみようとしたソリューションです。HTMLデモのHTMLは非常にシンプルです。<span>Hover</span></div>CSSjQeuryなどのスクリプトは無しで、アニメーションは動作します。