マウスホバーで画像を入れ替える〜jQuery | IT工房｜AI入門とWeb開発マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。 CSS3でクロスフェードさせるサンプル jQueryでimgタグの画像をクロスフェードさせる（成功例） jQueryでCSSのbackground-mageをクロスフェードさせる（完成形） CSSを使用した例 hover疑似クラス マウスホバーはCSSでの設定が簡単です。 CSSでは:hover擬似クラスを使用します。この疑似クラスはa要素以外にも使用できます。 また、a要素に適用させる場合には、順番が大事です。 LVHA の順 です :link — :visited — :hover — :active LOVE HEARTで覚えるとよいらしいです。（笑） hover擬似クラスのサンプル HTML <div class="myimg"></div> CSS
