/* ========================================================================== Transisi antar halaman (Swup) Swup menambahkan class pada selama perpindahan halaman: .is-changing -> transisi sedang berlangsung .is-animating -> konten lama sedang keluar / konten baru belum masuk ========================================================================== */ html.is-changing .transition-fade { transition: opacity 220ms ease; opacity: 1; } html.is-animating .transition-fade { opacity: 0; } /* Hormati preferensi sistem pengguna yang mematikan animasi. */ @media (prefers-reduced-motion: reduce) { html.is-changing .transition-fade { transition: none; } html.is-animating .transition-fade { opacity: 1; } }