วีดีโอ

Uma dúvida.. vejo que em vários momentos sobre espaçamento de linhas/letras você usa o EM mas nos textos usa PX, quando vejo bastante tutorial na net galera fala sobre usar EM invés de PX, pela questão de acessibilidade/proporção de telas, dá na mesma?

top Dimas, só uma dica.. para quem quer praticar e executar algumas das funções que ensinou, podem usar o software gratuito (local.wp) aonde ele simula uma hospedagem/servidor no seu computador, assim você instala la dentro o wordpress+elementor e pratica sem custo nenhum ;)

que qualidade irmão!! Sinistro

Muito bom cara, vc é uma ótima referência para a criação de páginas com o Elementor

Antes de ver já sei que será top, obrigado por atender meu pedido.

video bem explicado, parabéns amigo, sem falar que wordpress é de leigo para profissional em poucos meses, ou como você falou se for um passo a passo no mesmo dia a pessoa ja consegue criar algo grandioso

Penca de gente falando que o script não está no Telegram e tu nada de responder, ainda bem que li os comentários antes

Fala Dimas, blz? Cara, fiz tudo certo conforme o vídeo, até a parte do HTML funcionou, mas quando eu colo o .css não funciona o efeito, sabe me falar onde eu errei?

Não funcionou

Não encontrei os códigos lá

Como compartilhar códigos, como scripts ou CSS, no Telegram em blocos formatados que permitam a cópia, assim como você faz?

🙏🙏

parabens pelo conteudo mano, continue com esses conteudos de animações em páginas, pra sair do padrão daquelas páginas estaticas sem vida

Canal VIP do telegram: t.me/dimasweb/38 Se inscreva e ative o sininho das notificações para não perder nenhum episódio da série páginas completas e ver novos vídeos e dicas sobre WordPress, Elementor, Elementor PRO e de como se tornar um especialista em Criação de Páginas e ganhar dinheiro com isso.

Conheci seu canal essa semana e já estou maratonando tudo! Continue trazendo mais conteúdos!!! Parabéns pelo conteúdo

🙏🙏

Canal VIP do telegram: t.me/dimasweb/37 Se inscreva e ative o sininho das notificações para não perder nenhum episódio da série páginas completas e ver novos vídeos e dicas sobre WordPress, Elementor, Elementor PRO e de como se tornar um especialista em Criação de Páginas e ganhar dinheiro com isso.

Segui exatamente o passo a passo e não funcionou!

Amigo gosto de seus ocnteudos mas entendo que vc deve ter muitos projetos pessoais, mas faz outro tutorial igual aquele da Pagina de captura, mas fazendo uma Lp.

top demais. qual é este código?

muito bom 👏🏼

Que bom que vc tá de volta!

Muito bommmm!!! Eu geralmente utilizo a gsap pra fazer essas animações de scroll, mas essa também é muito boa!!

O brabo ta de volta, p cimaa 🚀🚀🚀

Canal VIP do telegram: t.me/dimasweb Se inscreva e ative o sininho das notificações para não perder nenhum episódio da série páginas completas e ver novos vídeos e dicas sobre WordPress, Elementor, Elementor PRO e de como se tornar um especialista em Criação de Páginas e ganhar dinheiro com isso.

Show de vídeo!!! DEUS te abençoe!!

cara q video bom, direto ao assunto!

tira o z-index -1 do css do .brilho e acrescenta z-index 1 no inner, já resolve o erro.

A animação do connector parou de funcionar aqui depois de 7 dias no ar, mesmo com todos os plugins atualizados e tudo configurado da maneira correta. Alguém sabe o motivo?

Mano, vc é simplismente foda!

Meu maior problema desses cards é a responsividade sempre dá problema

Dimas parabéns pelo vídeo. Bela explicação. Não entendo nada de CSS, terei sim de copiar o código. Grato por compartilhar seu conhecimento conosco.

fake não funciona plugin bugado

Esse aí é o tutorial do Jeffrey, da Lytbox, com mesmo setup, CSS e JS, né não?

Muito bom cara, top de mais!!

{}Código Utilizado: Botão 01: selector .elementor-button { border-top-left-radius: 20px 100% !important; border-bottom-left-radius: 20px 100% !important; border-top-right-radius: 20px 100% !important; border-bottom-right-radius: 20px 100% !important; /*Mude a cor da sombra aqui!*/ box-shadow: inset 0px 0px 5px 5px #ffffff25, 0px 5px 5px 0px #ffffff25 !important; width: 100%; position: relative; /*Mude a cor do botão aqui!*/ background: rgb(61, 106, 255) !important; border-radius: 5px; border: 1px solid rgb(61, 106, 255) !important; overflow: hidden; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } selector .elementor-button:hover { /*Mude a cor do botão ao passar o mouse aqui!*/ background: #FF9C00 !important; border: none; /*Mude a cor do brilho ao passar o mouse!*/ box-shadow: inset 0px 0px 5px 5px #ffffff25, 0 0 30px 5px #FF9C00 !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transform: scale(1.03); transition: all 0.2s ease-out; } selector .elementor-button:hover::before { -webkit-animation: sh02 0.5s 0s linear; -moz-animation: sh02 0.5s 0s linear; animation: sh02 0.7s 0s linear; } selector .elementor-button::before { content: ''; display: block; width: 0px; height: 86%; position: absolute; top: 7%; left: 0%; opacity: 0; background: #fff; /*Mude a cor do efeito de luz aqui!*/ box-shadow: 0 0 50px 30px #fff; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); } @keyframes sh02 { from { opacity: 0; left: 0%; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } selector .elementor-button:active { box-shadow: inset 0px 0px 5px 5px #ffffff25, 0 0 0 0 transparent !important; -webkit-transition: box-shadow 0.2s ease-in; -moz-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; transform: translate(0, 0.2em); }

Só vídeos ótimos, meu caro. Será que poderia me dar uma "luz", já que não domino códigos? Comecei a fazer um site com template pronto em um subdomínio meu, e quando migrei para o domínio definitivo do cliente, o botão em questão não apareceu. Ele é muito bonito e eu gostaria de aprender a fazer esse efeito de 'círculos concêntricos', como acontece quando jogamos uma pedra numa lagoa de águas calmas. Ficarei imensamente grato se fizer essa grande gentileza. Forte Abraço. barbearia.ferreirasergio.com.br/

Deu certo já ganhou novo seguidor like dado!

Podia um dia fazer uma aula de figma conteúdo muito topp❤

Comigo só deu certo colocando o codigo css no conteiner ''01'' e nao no conteiner conteudo... pq sera?

No mobile fica travando o looping.

Elementor pró né?

Esse elementor é pago?

Da para colocar essa imagem no mesmo widget caminho de texto sem precisar de usar widget imagem, e so usar o modo background avançado e posicionar

Pessoal, no minuto 5:49 antes de colocar o css, passem o cursor sobre o card para ver se o brilho está seguindo o cursor, se estiver continue o tutorial, se não, reveja o tutorial para ver aonde errou!

vlw dimaass, era isso que eu estava procurando!!

parabens

não funcionou :/

Excelente vídeo Dimas, obrigado

Brabo