Seção 1

Este site usa rotas por hash e CSS, você não leu errado! É com CSS mesmo. Isso é possível por causa da pseudo-classe :target que faz referência ao elemento com o mesmo nome o valor após a hash na URL.

A tela será exibida com a animação quando a hash estiver referenciando ela ou um elemento dela.

Focar no link da tela 4

Ao fazer referência na hash para um elemento visível ele será focado

Tela 2

Você irá à segunda página.

Tela 3

Você irá à terceira página.

Tela 4

Você irá à quarta página com o fim da explicação.

Seção 2

Tela 1

Início

Tela 3

Navegar.

Tela 4

Final

Focar no segundo elemento

…

Seção 3

Tela 1

Início

Tela 2

Navegar

Tela 4

Final

Focar no link da tela 3 da tela 4

O item não será focado, mas será mostrado imediatamente na tela. Para ele ser focado propriedade visibility da classe .section deve ser definida como visible sempre.

Tela 1

…

Tela 2

…

Tela 3

Explicação do foco nos itens das páginas.