O CSS agora faz nesse menu o que antes só dava com JavaScript!

Aprende a criar um menu interno que marca automaticamente o link ativo conforme o usuário faz scroll pela página (usando apenas CSS, sem nenhuma linha de JavaScript!).

Neste vídeo, vamos descobrir o poder do novo scroll-target-group, uma das propriedades mais incríveis do CSS moderno (CSS 5). Com ela, é possível sincronizar o scroll da página com o estado visual do menu, criando uma navegação dinâmica e fluida.

Vou mostrar nesse vídeo:
Como funciona o scroll-target-group no CSS
Como criar um menu interno que realça o link ativo durante o scroll com a nova pseudo classe :target-current

📚 Tópicos relacionados (SEO):
scroll-target-group css, menu ativo no scroll css, scroll-linked animations, scroll snap css, scroll-timeline, menu interno css, active link css, web design moderno, css avançado, sem javascript

👉 Vem aprender HTML, CSS, Javascript ou Figma comigo.
☑️SEM MENSALIDADE.
☑️ACESSO VITALÍCIO.
☑️Acesso à grupos exclusivos
☑️30 dias para pedir seu dinheiro de volta caso não fiquei totalmente satisfeito
🔗 https://serliv.com/

👉 Cursos com Descontos aplicados:
🎁Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
https://serliv.com/html-css-js

🎁Curso do Figma ao código. O Design de Interfaces web completo
https://serliv.com/figma-html-css

🎁Lógica de Programação com Javascript
https://serliv.com/logica-js

👉 Livros da Serliv.
📙50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
https://serliv.com/livro-refatoracao-...

📙Melhores Práticas Javascript: O guia essencial para quem busca excelência na programação.
https://serliv.com/melhores-praticas-js

📙HTML e CSS. Os Fundamentos da Construção Web
https://serliv.com/livro-html-css

📰 Entre no grupo do WhatsApp ou Telegram para receber informações importantes sobre a Serliv e sobre a área de programação
https://serliv.com/news/


🎯Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário:
https://forms.gle/JPLKuhYs6o248ZKK8

🎯Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
   / @serliv  

🎯Livros, Computadores e Periféricos que indico:
https://www.amazon.com.br/shop/serliv


🍕Se for comprar qualquer coisa na Amazon, por favor, use meu link para me ajudar à comprar uma pizza no final de semana https://amzn.to/3HKFkHN 😊


📺 Playlist VÍDEOS EM DESTAQUE.
   • VÍDEOS EM DESTAQUE  

📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
   • CURSO Web Fundamentos: HTML e CSS com PROJ...  

📺 Playlist Análise de Portfolio / Projeto de iniciante
   • Análise de Portfolio / Projeto de iniciante  



🌟 Links comentados no vídeo e outros interessantes 🌟
✅ NOVIDADE do CSS para animar pelo Scroll (Adeus Javascript)
   • Use isso para criar animações INCRÍVEIS no...  

✅ CSS: Aprenda DE VERDADE css position: static, absolute, relative, fixed e sticky
   • CSS: Aprenda DE VERDADE css position: stat...  


🔴 O que eu eu indico para gravar produzir vídeos:
✅ Logitech BRIO 4K -
https://amzn.to/3S0FbVh
✅ Microfone Condensador USB Blue Yeti X -
https://amzn.to/48zZcsW
✅ Microfone Condensador USB com Suporte de Suspensão Blue Yeticaster - https://amzn.to/4213k2G


#frontend #webdev #webdesign #css #htmlcss