Hi,
Es mag Tricks geben, die ich nicht kenne; aber mein Ansatz wäre, das Element und zwei Divs übereinanderzustapeln
sollten nicht auch Pseudo-Elemente (::before und ::after, auf dieselbe Größe und Position, aber z-index-mäßig hinter das eigentliche Element gelegt) ausreichen? Diese mit jeweils einem Hintergrundbild versehen, und dann die Opacity der Pseudo-Elemente animieren.
Das würde Zusatz-Elemente im HTML vermeiden.
(ungetestet, nur als Idee)
cu,
Andreas a/k/a MudGuard