2001Yのプロフォール画像

2001Y@Y20010920T

「[CSSだけ]1行でhover時に画像を切り替える」のアイキャッチ画像

content: url("URL");

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

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

Demo

ブラウザ対応状況

{{}}


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

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