Tutorial: Navegação One Page com efeito Scroll (sem javascript)



Neste tutorial vamos criar uma navegação ‘one page’ – ‘full page’ para dar uma cara bem moderna a uma página. Criaremos algumas seções em um container e vamos criar um efeito ‘scroll’ deslizando pelas seções. Utilizaremos mais uma vez radiobuttons e labels para nos ajudar a criar os eventos de navegação. Tudo isso apenas com os recursos do HTML e do CSS – sem javascript.

Link para download das imagens do tutorial:

Um bom estudo a todos.

Facebook:

CRÉDITOS
Narração, edição e animações: Edilson Junior (Instagram: @edilsonlcjr)
Pepper’s Funk de Audionautix está licenciada sob uma licença Creative Commons Attribution (
Artista: