Div per Klasse einfliegen lassen

  • Hallo,

    ich bin neu hier weil ich ein Problem mit einem privaten Übung habe, die ich gerade für mich absolviere:
    Hier ist das HTML:


    Und hier das CSS dazu:


    Nun möchte ich mir eine eigene Klasse machen, um den div 'body' von rechts nach links an seine Position einfliegen lassen. Dafür benötige ich Transitions, das weiß ich, aber ich komme nicht so wirklich weiter. Egal was ich mache, ich bekomme einfach keine Transition.

    Ich habe bisher probiert: transition: 2s; in der Regel für .cart-preview:hover .body hinzugefügt, diverse Positionen verändert, aber alles ohne Erfolg :/

    Kann mir hier jemand von euch helfen?