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

content: url(“URL”);

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

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

Demo

ブラウザ対応状況

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

追記：Codepen風のPlayground?を作って載せてみた（記事はちゃんと作ってから）

lightbox