<div class="hov">
<img class="a" src="https://netemolonge.net/wp-content/uploads/2019/05/service-1303313_1920-e1558610299827.jpg">
<img class="b" src="https://netemolonge.net/wp-content/uploads/2019/05/max-delsid-479114-unsplash-1-e1558610339408.jpg">
</div>
/* 画像の切り替え */
.b {
display:none;
}
.a {
display:block;
}
.hov:hover > .b{
display:block;
}
.hov:hover > .a {
display:none;
}
.hov:hover{
cursor: pointer;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.