Übergang bezieht sich auf den sanften Übergangseffekt, der durch die Änderung von CSS-Eigenschaften erreicht wird, wenn ein Element von einem Zustand in einen anderen übergeht. Wenn Sie beispielsweise mit der Maus über einen Link fahren, ändert sich die Farbe des Links von Schwarz zu Rot, und dieser Vorgang kann durch einen Übergang realisiert werden.
Animation bezieht sich auf die Definition des Animationseffekts von Elementen durch Keyframes (Keyframe), wodurch komplexere Animationseffekte erzielt werden können. Beispielsweise kann ein Element beim Laden der Seite von links hineingleiten, sich dann innerhalb eines bestimmten Zeitraums um einen bestimmten Winkel drehen und schließlich von rechts herausgleiten. Dieser Vorgang kann durch Animation realisiert werden.
Im Allgemeinen eignet sich der Übergang für einfache Zustandsänderungen, während sich die Animation für komplexere Animationseffekte eignet.