Oprócz ładowania zawartości nowej strony i zastępowania wymaganych części w DOM, swup jest zbudowany wokół przejścia CSS.Najważniejsze, co należy zrobić, to zdefiniować ukryty stan w CSS.Swup wykrywa koniec przejścia animowanych elementów i przechodzi do wymiany zawartości kontenerów i animowania strony z powrotem.Aby animacje oparte na CSS były możliwe, swup używa kilku klas, które są przypisane do znacznika HTML poprzez proces przejścia strony.