Wirkung beim Ändern eines Bildes mit Javascript und CSS3 - Javascript, CSS3, CSS-Transitionen, Übergang

Ich möchte ein Bild mit Javascript unter Verwendung des Codes ändern:

    document.getElementById("").setAttribute("src","");

und geben Sie einen Effekt mit CSS3

    #id{transition:1s;}

aber es funktioniert nicht Wie kann ich es korrekt mit CSS3 und Javascript machen?

Antworten:

Nicht alle Eigenschaften sind überführbar. Hier "s eine Liste von denen, die kontrolliert werden können.

Wenn Sie zwischen ihnen verblassen möchten, kann es eine hacky Lösung mit einem neuen Element über das Original, kombiniert mit opacity:0 und transition:1s.