En plus de charger le contenu de la nouvelle page et de remplacer les parties requises dans DOM, le swup est construit autour de la transition CSS.La principale chose à faire est de définir l'état caché dans CSS.Swup détecte la fin de la transition des éléments animés et procède au remplacement du contenu des conteneurs et à l'animation de votre page.Pour que les animations basées sur CSS soient possibles, swup utilise plusieurs classes qui sont affectées à la balise html à travers le processus de transition de page.