CSSアニメーションでつくるダイナミックマウスオーバー CSSアニメーションで作成するダイナミックなマウスオーバーエフェクトを紹介します。(使用例: 社員紹介ページ) 社員の画像にマウスオーバーするとマンガ風のエフェクトがダイナミックにアニメーションします。エフェクト部分にSVGと呼ばれるベクター画像を用いることで、GIFアニメーションなどを使うよりダイナミックできれいなエフェクトを実現できます。 実際につくってみよう 以下にサンプルコードを用意しました! CSSとSVGでマンガ風のエフェクト - jsdo.it - share JavaScript, HTML5 and CSS SVGとCSSアニメーションで作成したマウスオーバーエフェクトのサンプル プレビュー中に出る右下の「Stop」ボタンをクリックすると、サンプルのコードを確認できます! サンプルガールの画像にマウスオーバーしてみて
![いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e84fc6ab06f31b2e64248cbfc92fe06deb5bab5/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)