![「[CSSだけ]1行でhover時に画像を切り替える」のアイキャッチ画像](/images/tmb/css-hover-contenturl.jpg)

## content: url(“URL”);

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

“`css
.toggleImg:hover {
content: url(“URL”);
}
“`

### Demo

### ブラウザ対応状況

{{}}

***

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

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