画像マウスオーバーでテキストリンクが斜め前にアニメーション表示する方法【Caption Hover Effects】｜DAD UNION – エンジニア同盟Caption Hover Effects（toucheffects.js、modernizr.custom.js）を使って画像をマウスオーバーするとテキストリンクが斜め前にアニメーションする方法をご紹介します。 マウスオーバー時のアニメーションは7パターンあります。 画像マウスオーバーでテキストリンクが斜め前にアニメーション表示するCSSの記述 ※画像マウスオーバーエリア（.grid li）のCSS記述です。必要に応じて変更して下さい。 <style type="text/css"> h1{ text-align: center; font-size: 20px; padding: 20px 0; line-height: 1.4em; } a{ text-decoration: none; } a:hover{ text-decoration: underline; } .grid {
