Yeni sayfanın içeriğini yüklemenin ve DOM'daki gerekli parçaları değiştirmenin yanı sıra, swup CSS geçişi etrafında oluşturulur.Yapılması gereken en önemli şey, CSS'deki gizli durumu tanımlamaktır.Swup, animasyonlu öğelerin geçişinin sonunu algılar ve kapsayıcıların içeriğini değiştirmeye ve sayfanızı canlandırmaya devam eder.CSS'ye dayalı animasyonların mümkün olabilmesi için swup, sayfa geçiş işlemi sırasında html etiketine atanan birkaç sınıf kullanır.