Neben dem Laden des Inhalts der neuen Seite und dem Ersetzen der erforderlichen Teile in DOM basiert swup auf dem CSS-Übergang.Das Wichtigste, was getan werden muss, ist das Definieren des verborgenen Zustands in CSS.Swup erkennt das Ende des Übergangs von animierten Elementen und ersetzt den Inhalt von Containern und animiert Ihre Seite zurück.Damit CSS-basierte Animationen möglich sind, verwendet swup mehrere Klassen, die dem HTML-Tag während des Seitenübergangs zugewiesen werden.