[CSSだけ]1行でhover時に画像を切り替える|2001Y.me

content: url(“URL”);

JSを使わずに、CSSに一行加えるだけでimgの画像の切り替えを実装することができます。

.toggleImg:hover {
    content: url("URL");
}

Demo

ブラウザ対応状況


Codepen、記事からサクッと移動してカスタムできるから便利なんだけど、余計な表示が多いから自作してみようかな…。

追記:Codepen風のPlayground?を作って載せてみた(記事はちゃんと作ってから)

lightbox