Como animar um elemento quando usar o scroll da página (HTML + CSS + Javascript)

[@walkerbarueri]

Nossa que facilidade. Eu fiz o seu curso na Udemy de Web Design completo Prof. E olha, eu sofria pra fazer algo simples assim só que na mão, com JS puro. Essa API vai salvar muito. Obrigado prof.

[@serliv]

Imagina. TMJ 😃

[@marcoskommling4819]

Teu conteúdo sempre é excelente, continua fazendo vídeos! Você ajuda nós demais!!

[@serliv]

Podexá Marcos. Obrigado pela mensagem. Abração

[@malicinhanoob]

Muito sua explicação e os conteúdos. não canso de assistir aos seus cursos

[@serliv]

Show. Muito obrigado pelo apoio. Forte abraço

[@MrGinWR]

Parabéns amigo, seu vídeo me ajudou a adicionar um evento de reveal ao scroll no react sem bibliotecas... Ganhou +1 like e +1 inscrito, parabéns.

[@serliv]

Aeeee. Muito obrigado pelo feedback, like e inscrição. Forte abraço

[@ThronusGuild]

Parabéns demais! eu até briguei com o GPT aqui pq não estava conseguindo fazer hahahaha procurei em alguns lugares, mas seu vídeo foi o lugar mais acertivo para o que eu buscava! Ganhou mais um inscrito

[@serliv]

Muito obrigado David. Pela mensagem e pela inscrição. Abração

[@ThronusGuild]

@@serliv para o caso de querer fazer 2 elementos dentro de uma div entrarem em posições diferentes, um aparecer normalmente(texto por exemplo) e as imagens entrarem na diagonal (esquerda-direita)? seria interessante fazer um vídeo também sobre isso.

[@sorayama7488]

Muito bom, merecia bem mais visualizações. Seu curso é show! Está me ajudando bastante.

[@serliv]

Muito obrigado Giovanni. Que bom que gostou

[@CooldyValorant]

O único que encontrei ensinando isso! Obrigado!

[@serliv]

Opa. Eu que agradeço. Forte abraço

[@HistoriasdeTerrorBlackHouseTV]

muito bom professor ^^

[@serliv]

Muito obrigado

[@brbruxo666]

Muito bom seu conteúdo era o que precisava

[@serliv]

Muito obrigado pelo feedback Walisson

[@timmy4148]

ajudou muito com esse video, obrigado!

[@serliv]

Fico feliz Timmy. Muito obrigado pela mensagem

[@bobsauron]

Sensacional

[@serliv]

Muito obrigado Robert. Valeu mesmo

[@programandocomcafeecerveja3013]

Só para entender. Os elementos começam com opacidade 0 e terminam com 1, ou estão apenas ocultos na pagina e depois do scroll eles voltam a ficar visiveis?

[@henrique19941000]

obrigado hehe

[@serliv]

Eu que agradeço Henrique

[@Tue-so2ls]

Não sei se entendi, quando carrega a página o array recebi todos os items e verifica se ele estão sendo intersectados, e quando vc escrolla o array recebi apenas 1 item que é o elemento que está sendo intersectado estou certo?

[@danilosantos9252]

Olá professor, estou fazendo o seu curso de web designer, peguei meu primeiro freela porem estou tendo problemas com um script que fiz, para scrolar suavemente, o freela é um onepage porém ja fiz de tudo e não consigo entender porque não funcionar. haveria alguma possibilidade de voce dar uma olhada no meu script para ver o que estou errando? caso não tenha a possibilidade, sem problemas. desde já agradeço pelos conhecimentos passado.

[@serliv]

Sim Danilo. Deve ter comprado pela udemy, certo? Manda por lá que dou uma olhada sim. Abraços

[@andresombra2945]

Qual link do seu curso, vou comprar só por causa da atenção aos alunos , deve ser ótimo suas aulas

[@Tue-so2ls]

Pra que serve o array.from? E quando devo usar?

[@fms1]

Ele serve para quando vc precisa gerar um array já com uma determinada quantidade (seja vazia ou com algum valor padrão), nesse caso ele está gerando um array contendo os elementos do observer, como ele utilizou o foreach, retornou um array de 8 posições pré prenchidas com os elementos. Boa abordagem, melhor do usar for ou foreach e preencher push um array vazio

[@Tue-so2ls]

@@fms1 então basicamente ele transforma uma "lista de elementos" em um array?

[@fms1]

@@Tue-so2ls basicamente, sim, pois pelo jeito o observer não suporta queryselectorAll, então usou o array para listar todos

[@serliv]

O arrar.from serve para criar um array de verdade a partir de um objeto array like, ou seja, que se parece um array mas não possui todas as propriedades e métodos

[@natanmiguel2977]

deu Aula

[@serliv]

Obrigado Natan. Que bom que gostou

[@higorlokk]

Não estou conseguindo replicar no meu projeto.. Acredito que seja devido ao scripts.js pois já tinha alguns codigos de nesse arquivo tentei adicionar essa linha mas não foi.. se puder ajudar eu agradeço

[@nomadealex]

O console fica disparando o entries.. Isso é normal?

[@serliv]

quando faz scroll, sim

[@damieenlucas]

muito ruum, vc deveria refazer do zero, iniciantes nao conseguem acompanhar