Como fiz um parallax que funciona no celular usando só CSS
Terminei o meu Projeto Cordel! 📜 É uma página com o poema "Cordel Moderno", de Milton Duarte, feita só com HTML5 e CSS3, a partir do desafio proposto pelo professor Gustavo Guanabara, do CursoemVídeo. O que eu pratiquei:
Terminei o meu Projeto Cordel! 📜
É uma página com o poema "Cordel Moderno", de Milton Duarte, feita só com HTML5 e CSS3, a partir do desafio proposto pelo professor Gustavo Guanabara, do CursoemVídeo.
O que eu pratiquei:
✅ Efeito parallax nas imagens de fundo
✅ Layout responsivo (celular, tablet e computador)
✅ Tipografia com Google Fonts e clamp()
✅ Caixas translúcidas com rgba para a leitura ficar confortável sobre as fotos
O maior aprendizado veio de um problema: o parallax com background-attachment: fixed funcionou no computador, mas não é confiável em celulares. Estudei e testei outra técnica, com pseudo-elemento fixo + clip-path, e ela passou a funcionar no meu Android.
Sou estudante de Análise e Desenvolvimento de Sistemas e estou construindo meu portfólio passo a passo. Feedbacks são muito bem-vindos! 🙌
🔗 Site: https://rrenatodevs.github.io/Projeto-Cordel/
💻 Código: https://github.com/rrenatodevs/Projeto-Cordel
HTML #CSS #FrontEnd #DesenvolvimentoWeb #Portfólio #CursoemVídeo
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes — full credit and traffic to the original publisher.

