Como Criar Botões de Navegação Lateral Flutuantes com Elementor e CSS

Опубликовано: 09 Сентябрь 2026
на канале: Junior TI
1,465
46

Neste vídeo tutorial vamos aprender como criar Botões de Navegação Lateral Flutuantes com Elementor e pouquíssimas linhas de CSS.
Para este trabalho vamos usar o Elementor e o Elementor PRO e como tema vamos usar o Hello Elementor, um tema em branco muito leve.

Olá Pessoal! Sejam Bem-Vindos!
Deixo abaixo minha chave PIX. Quem quiser apoiar o canal e puder contribuir com qualquer valor, será de grande ajuda.
Desde já, muito obrigado e grande abraço a todos.
✅ Chave Pix:
9ce174b0-f45a-4e7e-9364-87bde6168a22

► Links importantes:
✅ HostGator: https://partners.hostgator.com/x3Gr1
✅ Elementor: https://be.elementor.com/visit/?bta=8...
✅ Junior TI: https://juniorti.com

Este é meu cupom de desconto Hostgator: juniortipromo (com ele você terá o mais alto desconto possível)
✅ Link de afiliado HostGator: https://partners.hostgator.com/x3Gr1

👍 Se você gostou do vídeo, CURTA, COMPARTILHE e INSCREVA-SE no canal!
🔔 Clique no sininho para receber as notificações de novos vídeos!

❤️ Espero que vocês gostem deste trabalho tanto quanto eu. Muito obrigado a todos por terem assistido.

Créditos Imagens
https://unsplash.com
https://pixabay.com/pt

Créditos Música
Biblioteca gratuita de áudios YouTube
Free mp3: Apex -    / audiolibrary  

Créditos Animações
▶▶▶▶▶
ANIMAÇÕES CRIADAS PELO CANAL  SAVIO FERRAZ (   / savioferraz  .
BAIXE VOCÊ TAMBÉM, É GRÁTIS!!!
▶▶▶▶▶

✅ CSS Utilizado no vídeo
.esconder {
background-color: #FFA720;
min-width: 120px;
border-radius: 0 5px 5px 0;
margin-left: -69px;
transition: .5s;
}

.mostrar:hover + .esconder {
margin-left: 45px;
}

.esconder:hover {
margin-left: 45px;
}