Тёмный

Animação no Scroll | Usando apenas HTML, CSS e JavaScript 

DevClub | Programação
Подписаться 118 тыс.
Просмотров 23 тыс.
50% 1

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.com.br/links/
🔴 Live toda Terça: go.rodolfomori.com.br/live-terca
📸 Insta: @rodolfomorii / rodolfomorii
🚀 Receba Dicas de Programação: go.rodolfomori.com.br/telegram
‎‍👥 Fale com nossa equipe: go.rodolfomori.com.br/suporte
‎‍🎓 Meu curso de Programação: rodolfomori.com.br/devclub
📚 E-book gratuito - Aprenda Programação do ZERO: go.rodolfomori.com.br/ebook
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!

Наука

Опубликовано:

 

24 май 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 111   
@canaldevclub
@canaldevclub Год назад
COMENTE aí o que mais vocês querem aqui no Canal!
@wever5593
@wever5593 11 месяцев назад
Que didática boa! Eu queria um vídeo assim com a criação de tabelas e bem estilosas e claro responsivas.
@patrickguimaraes3879
@patrickguimaraes3879 10 месяцев назад
Parabéns professor!!
@BrenoRibeiro-p5f
@BrenoRibeiro-p5f 18 дней назад
Sensacional, assim como o rapaz do vídeo, achava que era algo de sete cabeças para fazer essa transição kkkkkkk
@ramon221b
@ramon221b Год назад
esse conteúdo é ouro! felizes aqueles que encontram esse vídeo 👏👏👏👏👏
@patrickguimaraes3879
@patrickguimaraes3879 10 месяцев назад
kkkkk, uma ótima definção!!
@canaldevclub
@canaldevclub 10 месяцев назад
Valeu man!
@randolaaleatorio3917
@randolaaleatorio3917 6 месяцев назад
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 !
@nerdfundao
@nerdfundao 5 месяцев назад
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
@canaldevclub
@canaldevclub 5 месяцев назад
Ficamos felizes em saber!!
@alexmessias9763
@alexmessias9763 Месяц назад
Irmão é difícil eu dar like e me inscrever. Mas você mereceu os dois!
@canaldevclub
@canaldevclub Месяц назад
Fico feliz em saber mano, tmjj
@user-yt3tx2rw8q
@user-yt3tx2rw8q Год назад
Muito top, deixei salvo para entender melhor e usar nos próximos projetos, muito bom parabéns Rodolfo, vc é fera cara.
@canaldevclub
@canaldevclub Год назад
Tmj man
@thisisthetruth9193
@thisisthetruth9193 9 месяцев назад
Que Aula Foda Mano! Valeu
@anthonydaniel1759
@anthonydaniel1759 9 месяцев назад
Conteúdo sensacional !
@luisgabrieldossantosluizao2552
@luisgabrieldossantosluizao2552 2 месяца назад
Muito bom explicando 👏👏
@wesleydossantosgonsalves8016
Amigo, vídeo Sensacional! Direto e explicativo. Parabéns pelo conteúdo
@canaldevclub
@canaldevclub Год назад
Muito obrigado
@lucianaalves3144
@lucianaalves3144 Год назад
Amei o vídeo, bem direto e era exatamente o que eu estava procurando, hahaha, muito obrigaaada! 😁
@canaldevclub
@canaldevclub 10 месяцев назад
Espero ter ajudado
@samuel1783
@samuel1783 Месяц назад
Que conteúdo incrível meu querido, simplificou coisas que eu nem imaginava que existiam. Parabéns!!
@canaldevclub
@canaldevclub Месяц назад
Valeuu, tmjj
@thiagosamuels_
@thiagosamuels_ 8 месяцев назад
Muito bom meu mano, parabéns pelo conteúdo!!!
@canaldevclub
@canaldevclub 8 месяцев назад
Valeuu man, tmjj
@kaio1091
@kaio1091 Месяц назад
Perfeito!
@henriqueoliveira9886
@henriqueoliveira9886 7 месяцев назад
Video incrivel, cara
@gabrieladosanjos5462
@gabrieladosanjos5462 9 месяцев назад
video incrivel, impecável, ótima didática perfeito tudo que eu tava procurando
@canaldevclub
@canaldevclub 9 месяцев назад
Espero ter ajudado
@filipealexandre2353
@filipealexandre2353 Месяц назад
Conteúdo massa demais, parabéns e muito obrigado!
@canaldevclub
@canaldevclub Месяц назад
Valeuu, tmjj
@kewincaue
@kewincaue Год назад
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!
@canaldevclub
@canaldevclub Год назад
TMJ man
@igormonteiro9444
@igormonteiro9444 6 месяцев назад
conteúdo show, muito bem explicado, parabés!
@canaldevclub
@canaldevclub 6 месяцев назад
Valeu man, tmjj
@willl93
@willl93 10 месяцев назад
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
@canaldevclub
@canaldevclub 10 месяцев назад
TMJ man!
@everton1200
@everton1200 Год назад
Obrigado, mais um vídeo top, já deixei salvo pra ajudar em futuros projetos kkkk
@canaldevclub
@canaldevclub Год назад
Valeu mano
@pablomachadomarques1009
@pablomachadomarques1009 2 месяца назад
Uau! Sua didática é simplesmente sensacional. Parabéns.
@canaldevclub
@canaldevclub 2 месяца назад
Muito obrigado!
@viniciuspereira6039
@viniciuspereira6039 11 дней назад
muuito top essa aula mn parabéns 👏👏👏
@canaldevclub
@canaldevclub 11 дней назад
Valeuu, tmjj
@pamelladefreitas7642
@pamelladefreitas7642 4 месяца назад
Eu amei demais essa aula, estava precisando muito disso! Incrivel seu canal!
@canaldevclub
@canaldevclub 4 месяца назад
Que ótimo! Fico feliz em saber
@alex84rs
@alex84rs 4 месяца назад
Novo inscrito 👏🏿👏🏿👏🏿👏🏿, justamente isso que estava procurando, valeu
@canaldevclub
@canaldevclub 4 месяца назад
Valeuu, tmjj
@leonardoferreira3421
@leonardoferreira3421 Год назад
Conteúdo muito TOP, estava precisando para colocar em meu projeto.
@canaldevclub
@canaldevclub Год назад
Espero ter ajudado
@maikonfoltz7708
@maikonfoltz7708 Год назад
Que video toppp parabéns !!
@canaldevclub
@canaldevclub Год назад
Obrigado 🤙
@LucasSilva-ew7hp
@LucasSilva-ew7hp 2 месяца назад
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!
@canaldevclub
@canaldevclub Месяц назад
Obrigado!! Tmj
@jamdeadend
@jamdeadend 9 месяцев назад
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
@canaldevclub
@canaldevclub 9 месяцев назад
TMJ man!
@gemeostec9249
@gemeostec9249 Год назад
salvou muito
@ed1000losAgulha
@ed1000losAgulha 11 месяцев назад
Monstro!!
@canaldevclub
@canaldevclub 10 месяцев назад
Tmj
@viniciusgiavoni
@viniciusgiavoni 10 месяцев назад
Parabéns pelo conteúdo, eu adaptei para criar uma barra de progresso que enche quando entra na section, foi de extrema ajuda, valeu.
@canaldevclub
@canaldevclub 10 месяцев назад
Que top
@josielmaia8982
@josielmaia8982 Год назад
Cara Fantastico muito bom mesmo
@canaldevclub
@canaldevclub Год назад
Vaaaleu man!
@isaiascaetano5888
@isaiascaetano5888 10 месяцев назад
Brabo d+ heheh
@canaldevclub
@canaldevclub 10 месяцев назад
tmj man
@casimirocoche3086
@casimirocoche3086 Год назад
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
@canaldevclub
@canaldevclub Год назад
E aí man, blz ? Fica fácil, coloca a tag link, e dentro dela você coloca os elementos que você quiser
@Striker-ES
@Striker-ES 7 месяцев назад
obrigado por mais esse aprendizado
@canaldevclub
@canaldevclub 6 месяцев назад
Tmjj man
@Gabriel-Silva-Dev
@Gabriel-Silva-Dev 8 месяцев назад
vlw manoo me ajudou muito no meu portifolio
@canaldevclub
@canaldevclub 8 месяцев назад
Fico feliz em saber man, tmjj
@DrackOficial
@DrackOficial Год назад
Valeu, ajudou bastante.
@canaldevclub
@canaldevclub Год назад
Opa, tmj!
@josielmaia8982
@josielmaia8982 Год назад
Gostei muito
@canaldevclub
@canaldevclub Год назад
Valeu Josiel!
@everton3285
@everton3285 2 дня назад
Muitooo top esse vídeo 😊😊
@canaldevclub
@canaldevclub 8 часов назад
Valeuu
@Diverwith47
@Diverwith47 8 месяцев назад
Nota 10
@canaldevclub
@canaldevclub 8 месяцев назад
Valeuu, tmjj
@voceestacertoquiz
@voceestacertoquiz 9 месяцев назад
Quando eu crescer quero ser igual a você na programação..kkkk
@canaldevclub
@canaldevclub 8 месяцев назад
Hahaha, valeu man, tmjj 🚀
@Agendamento23
@Agendamento23 26 дней назад
Brabo
@canaldevclub
@canaldevclub 25 дней назад
🚀🚀
@josielmaia8982
@josielmaia8982 Год назад
Rodolfo, você é o melhor!!!
@canaldevclub
@canaldevclub Год назад
Valeu man
@sagagamerxd
@sagagamerxd 4 месяца назад
Faz um vídeo desse só quem em React
@canaldevclub
@canaldevclub 4 месяца назад
Anotado
@rodrigoAffonso1000
@rodrigoAffonso1000 7 месяцев назад
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
@canaldevclub
@canaldevclub 6 месяцев назад
Opa, é bom dar uma estudada nisso e entender o básico sim!
@souzasouza-xr3ho
@souzasouza-xr3ho 9 месяцев назад
Muito HTML, CSS e JavaScript
@brunomendoncadev
@brunomendoncadev Год назад
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??
@canaldevclub
@canaldevclub 10 месяцев назад
Só adicionar mais animações nas transições
@filipealexandre2353
@filipealexandre2353 Месяц назад
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.
@canaldevclub
@canaldevclub Месяц назад
É que é o objeto que ele devolve. Ai dentro do target tem o que eu preciso
@rafaelmoreira6160
@rafaelmoreira6160 8 месяцев назад
As animações funcionaram normalmente no mobile/responsivo ?
@canaldevclub
@canaldevclub 8 месяцев назад
Para mobile tem que fazer algumas adaptações de responsividade!
@abacaxivermelhodois4203
@abacaxivermelhodois4203 Год назад
Qual a diferença para o Parallax?
@canaldevclub
@canaldevclub Год назад
Esse eu utilizei mais javascript para fazer...E parallax em si é o nome do efeito...eu chamei de animation on scroll rsrs
@marcosmalheiros5655
@marcosmalheiros5655 Год назад
Boa noite família
@Gabrieel_marques_dev
@Gabrieel_marques_dev 9 месяцев назад
Encontrei um bug quando paro antes da section a prossima nao apareceu
@canaldevclub
@canaldevclub 9 месяцев назад
Valeu man! TMJ Node está instalado ?
@Gabrieel_marques_dev
@Gabrieel_marques_dev 9 месяцев назад
Sim
@williammartins4248
@williammartins4248 11 дней назад
nota 1.0000000000
@canaldevclub
@canaldevclub 7 дней назад
Obrigado!!!
@guiotto01
@guiotto01 9 месяцев назад
o que adianta escrever os codigos e nao explicar?
@canaldevclub
@canaldevclub 9 месяцев назад
Por isso que, na descrição do vídeo tem um nivelamento de tecnologias, para você entender o vídeo, Da uma olhadinha!
@itathelink
@itathelink 10 месяцев назад
cara, de vdd, que video maravilhoso! estou fazendo um trabalho no meu curso, e isso me ajudou demais
@canaldevclub
@canaldevclub 10 месяцев назад
Valeu man
@johnatanchagas8243
@johnatanchagas8243 Год назад
Obrigado pela aula, muito boa mesmo! Diferente de todos os outros canais! Agrega muito nos conhecimentos! Recomendo a todos o DEVCLUB
@canaldevclub
@canaldevclub Год назад
Valeu Maaan, tmj
@larissaalmeida70
@larissaalmeida70 6 месяцев назад
Ótimo conteúdo
@canaldevclub
@canaldevclub 6 месяцев назад
Valeuu
Далее
Kettim gul opkegani😋
00:37
Просмотров 1,6 млн
Criando um SLIDER com HTML e CSS
41:12
Просмотров 4,3 тыс.
Animar ao Scroll com JavaScript Puro
20:45
Просмотров 68 тыс.
⭐ Minicurso Animações CSS
53:01
Просмотров 129 тыс.
ASMR Programming - Animated Login Page - No Talking
18:18
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,6 млн
Incredible scroll-based animations with CSS-only
32:23
Просмотров 396 тыс.
#engineering #diy #amazing #electronic #fyp
0:59
Просмотров 2,3 млн