Além de carregar o conteúdo da nova página e substituir as peças necessárias no DOM, o swup é construído em torno da transição CSS.A principal coisa que precisa ser feita é definir o estado oculto no CSS.O Swup detecta o final da transição de elementos animados e prossegue para substituir o conteúdo dos contêineres e animar sua página novamente.Para que as animações baseadas em CSS sejam possíveis, o swup usa várias classes atribuídas à tag html através do processo de transição de página.