0 szavazat
(160 pont) által 

Ezt angolul "Cross fading"-nek hívják.

1 válasz

0 szavazat
(160 pont) által 

Megoldás:

img {
  position: absolute;
}

img.top:hover {
  opacity:0;
}

A "position: absolute" azonos helyre rakja a két képet.
Az "opacity:0" teljesen átlátszóvá teszi a felső képet, így csak az alsó kép fog látszani.

Egy példa: https://jsbin.com/ricevof/edit?html,css,output

...