Animação no Scroll | Usando apenas HTML, CSS e JavaScript
Вставка
- Опубліковано 11 вер 2024
- Vou te ajudar com Programação: bit.ly/3TsEZ2O
Animação no Scroll somente com HTML, CSS e JavaScript. Aprenda a como se tornar um Programador do ZERO e avance nas tecnologias que você precisa pra isso nesse vídeo.
Curso de HTML: • Curso de HTML do ZERO ...
Curso de CSS: • Curso de CSS | Aprenda...
Curso de JavaScript: • Curso de JavaScript pa...
VsCode: • DOMINE O VSCODE E AUME...
Inscreva-se no Canal: bit.ly/3h1xtJ5
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Meus Links 👇👇
🔥 Todos os meus Links: rodolfomori.co...
🔴 Live toda Terça: go.rodolfomori...
📸 Insta: @rodolfomorii / rodolfomorii
🚀 Receba Dicas de Programação: go.rodolfomori...
👥 Fale com nossa equipe: go.rodolfomori...
🎓 Meu curso de Programação: rodolfomori.co...
📚 E-book gratuito - Aprenda Programação do ZERO: go.rodolfomori...
Criei este canal para ajudar você que quer sair do ZERO, iniciar sua jornada e se tornar um programador!
Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos relevantes que vão te ajudar! - Наука та технологія
COMENTE aí o que mais vocês querem aqui no Canal!
Que didática boa!
Eu queria um vídeo assim com a criação de tabelas e bem estilosas e claro responsivas.
Parabéns professor!!
esse conteúdo é ouro! felizes aqueles que encontram esse vídeo 👏👏👏👏👏
kkkkk, uma ótima definção!!
Valeu man!
Sensacional, assim como o rapaz do vídeo, achava que era algo de sete cabeças para fazer essa transição kkkkkkk
Vi muitos vídeos de gringos ensinando a fazer a mesma coisa, mas o seu foi o único que explicou cada coisa que tava acontecendo e o que cada linha de código tava fazendo, principalmente na parte do Javascript, conseguiu me tirar muitas dúvidas, vou até me inscrever no canal
Ficamos felizes em saber!!
Que conteúdo incrível meu querido, simplificou coisas que eu nem imaginava que existiam. Parabéns!!
Valeuu, tmjj
cara, eu iria fazer um id pra cada filho da ultima sessão, mas com essa sacada que você deu do nth-child kkkk pode ser simples pra você, mas pra nós iniciantes foi massa kkkkkkkk valeu cara !
Irmão é difícil eu dar like e me inscrever. Mas você mereceu os dois!
Fico feliz em saber mano, tmjj
Conteúdo incrível, fiquei anos estudando e não conseguia sair do lugar, e após conhecer seu canal, já tenho projetos incríveis publicados, muito obrigado Rodolfo, você é o cara!
TMJ man
Cara dei like no vídeo, ativei o sininho e me inscrevi. Esqueci de algo? rsrs Sinceramente, brincadeiras à parte, que conteúdo sensacional!!! Obrigado cara!
Não sei se tem conteúdos relacionados a animações com JS e CSS utilizando a função matrix3d, se não tiver gostaria de pedir para um próximo vídeo. Valeu!
Obrigado!! Tmj
Uau! Sua didática é simplesmente sensacional. Parabéns.
Muito obrigado!
muuito top essa aula mn parabéns 👏👏👏
Valeuu, tmjj
Muito top, deixei salvo para entender melhor e usar nos próximos projetos, muito bom parabéns Rodolfo, vc é fera cara.
Tmj man
Obrigado, mais um vídeo top, já deixei salvo pra ajudar em futuros projetos kkkk
Valeu mano
Top mano, slc mastigado , de uma forma simples , tinha visto outro vídeo que era a mesma solução porém explicado de uma forma mais complexa rs
TMJ man!
Amei o vídeo, bem direto e era exatamente o que eu estava procurando, hahaha, muito obrigaaada! 😁
Espero ter ajudado
adorei o video, vc alem de mostrar o codigo ainda explicou o que cada linha faz, além de conseguir fazer sinto que aprendi bastante, muito obg
TMJ man!
video incrivel, impecável, ótima didática perfeito tudo que eu tava procurando
Espero ter ajudado
Parabéns pelo conteúdo, eu adaptei para criar uma barra de progresso que enche quando entra na section, foi de extrema ajuda, valeu.
Que top
Eu amei demais essa aula, estava precisando muito disso!
Incrivel seu canal!
Que ótimo! Fico feliz em saber
Novo inscrito 👏🏿👏🏿👏🏿👏🏿, justamente isso que estava procurando, valeu
Valeuu, tmjj
Conteúdo massa demais, parabéns e muito obrigado!
Valeuu, tmjj
Muito bom meu mano, parabéns pelo conteúdo!!!
Valeuu man, tmjj
conteúdo show, muito bem explicado, parabés!
Valeu man, tmjj
Amigo, vídeo Sensacional!
Direto e explicativo. Parabéns pelo conteúdo
Muito obrigado
Muitooo top esse vídeo 😊😊
Valeuu
Gostei dos efeitos, muito top como sempre Rodolfo. Gostaria que tivesse aulas no canal de como fazer site com links e informações dentro dos links, seja ela informações com textos, blogs ou paginas de informações
E aí man, blz ? Fica fácil, coloca a tag link, e dentro dela você coloca os elementos que você quiser
Que Aula Foda Mano! Valeu
Muito bom explicando 👏👏
salvou muito
Conteúdo muito TOP, estava precisando para colocar em meu projeto.
Espero ter ajudado
vlw manoo me ajudou muito no meu portifolio
Fico feliz em saber man, tmjj
Conteúdo sensacional !
cara, de vdd, que video maravilhoso! estou fazendo um trabalho no meu curso, e isso me ajudou demais
Valeu man
obrigado por mais esse aprendizado
Tmjj man
Obrigado pela aula, muito boa mesmo! Diferente de todos os outros canais! Agrega muito nos conhecimentos! Recomendo a todos o DEVCLUB
Valeu Maaan, tmj
Quando eu crescer quero ser igual a você na programação..kkkk
Hahaha, valeu man, tmjj 🚀
Video incrivel, cara
Monstro!!
Tmj
Nota 10
Valeuu, tmjj
Perfeito!
Cara Fantastico
muito bom mesmo
Vaaaleu man!
Brabo
🚀🚀
Que video toppp parabéns !!
Obrigado 🤙
Brabo d+ heheh
tmj man
Conteúdo sensacional, Me tira uma dúvida por favor. Como faço pra essa animação ser apenas der cima pra baixo e tirar de baixo para cima??
Só adicionar mais animações nas transições
Faz um vídeo desse só quem em React
Anotado
no querySelectiorAll, eu posso colocar mais de uma classe? exemplo: querySelectorAll('.hidden', '.hiddenM')
sim, por exemplo
var list = document.querySelectorAll("form, p, legend");
tudo bom gostaria de saber o impacto do SEO no site hoje ? quase 2024, digo isso por causa dos robos que acessam o código e visualizam uma classe hidden em todo o código do site
Opa, é bom dar uma estudada nisso e entender o básico sim!
Rodolfo, você é o melhor!!!
Valeu man
Muito HTML, CSS e JavaScript
Alguém consegue me o porquê deve se usar aquele .target antes do .classList? Por que eu já usei em outros projetos o .classList sem o .target e aí queria entender o por quê nesse caso deve-se usar.
É que é o objeto que ele devolve. Ai dentro do target tem o que eu preciso
Valeu, ajudou bastante.
Opa, tmj!
Gostei muito
Valeu Josiel!
As animações funcionaram normalmente no mobile/responsivo ?
Para mobile tem que fazer algumas adaptações de responsividade!
Encontrei um bug quando paro antes da section a prossima nao apareceu
Valeu man! TMJ
Node está instalado ?
Sim
Qual a diferença para o Parallax?
Esse eu utilizei mais javascript para fazer...E parallax em si é o nome do efeito...eu chamei de animation on scroll rsrs
nota 1.0000000000
Obrigado!!!
Boa noite família
Ótimo conteúdo
Valeuu
o que adianta escrever os codigos e nao explicar?
Por isso que, na descrição do vídeo tem um nivelamento de tecnologias, para você entender o vídeo, Da uma olhadinha!