css image hover

change image on hover

by sthag

HTML

<a class="logo-support logo-eu" href="">
	<img src="https://via.placeholder.com/200x61" width="200" height="61" alt="default" />
	<img src="https://via.placeholder.com/200x61/000000/FFFFFF" width="200" height="61" alt="hover" />
</a>

CSS

.logo-support {
    position: relative;
    display: block;
    width: 200px;
    height: 61px;
}
.logo-support img {
    position: absolute;
    top: 0;
    left: 0;
}
.logo-support img:last-child {
    display: none;
}
.logo-support:hover img:first-child {
    display: none;
}
.logo-support:hover img:last-child {
    display: block;
}