Om nah hoo pez nyeetz, Alex!
Was du damit meinst:
Statt des Hintergrundbilds (das ich in diesem Fall tatsächlich ins Markup schreiben würde) könnten es auch auch 2 img-Elemente sein, die absolut in dem Containerelement (das dafür relativ positioniert wird) werden.
weiß ich leider nicht und wüsste auch nicht, wie ich das umsetzten und formatieren muss.
<figure>
<img src="schwarz-weiß" alt="">
<img src="bunt" alt="schönes Bild">
</figure>
figure {
position: relative;
}
figure img {
position: absolute;
}
img:last-child:hover {
opacity: 0;
}
img, img:hover {
transition: opacity 2s;
}
Matthias