![[CSSだけ]1行でhover時に画像を切り替える|2001Y.me](/img/css-hover-contenturl-700.jpg)
content: url(“URL”);
JSを使わずに、CSSに一行加えるだけでimgの画像の切り替えを実装することができます。
.toggleImg:hover {
content: url("URL");
}
Demo
ブラウザ対応状況
Codepen、記事からサクッと移動してカスタムできるから便利なんだけど、余計な表示が多いから自作してみようかな…。
追記:Codepen風のPlayground?を作って載せてみた(記事はちゃんと作ってから)
JSを使わずに、CSSに一行加えるだけでimgの画像の切り替えを実装することができます。
.toggleImg:hover {
content: url("URL");
}
Codepen、記事からサクッと移動してカスタムできるから便利なんだけど、余計な表示が多いから自作してみようかな…。
追記:Codepen風のPlayground?を作って載せてみた(記事はちゃんと作ってから)