Versão do navegador que não funciona, algum outro código que está gerando conflito com o código que você fez... teria que dar uma revisada em todos os códigos usados no site para achar onde tá o erro.
Sim, adiciona uma classe nesse botão lá na parte de edição/Avançado, depois no código é só adicionar a classe que você deu ao botão, daí ficaria assim: .classenova .elementor-button
O efeito não aplica no botão? O botão já está editado pelo editor de estilos? Caso sim, limpe toda a edição e veja se funciona. Até hoje eu utilizo esse código e não tive problemas.
Use a Classe do botão do Elementor .elementor-button Provavelmente você tá colocando o código no CSS Personalizado do Conteiner e utilizando o seletor "selector" ao invés da classe .elementor-button
Testei aqui e não abriu, devem estar passando por alguma instabilidade. O site é de terceiros, não é meu. Vale tentar mais tarde ou procura no Google por "gradient animation css generator", deve ter alguma coisa lá.
Sim, no código ao invés de usar: selector .elementor-button{ Você vai usar: selector .elementor-button:hover para usar só no botão selecionado ou .elementor-button:hover para colocar em todos os botões. Essa opção :hover que faz funcionar só quando o mouse está sobre o objeto.
Se o wix tiver possibilidade de colocar código css, funciona também, só vai ser diferente em relação as classes que mostro no vídeo, que são do Elementor
Dá pra colocar em título sim, dá pra colocar ele animado no título ainda, porém o código vai ser bem diferente desse do botão, pode ser uma ideia de novo vídeo, já estou há um bom tempo sem gravar aqui.
Adiciona "selector" antes do id no CSS. Vai ficar assim: selector .elementor-button { código css } Se não der certo, me chama lá no Instagram que vemos isso diretamente.
@@Feridasinvisiveis você colocou da seguinte forma no CSS do botão que quer alterar: selector .elementor-button{ código css } ? Para funcionar em um botão específico tem que colocar assim, ou aplicar uma classe ao botão e colocar essa classe no código, por exemplo: Classe do botão for .botaogradiente daí vai ficar assim: .botaogradiente .elementor-button{ código css } Qualquer coisa me chama no Instagram que te auxilio: @bergklen
Que bom que gostou! Para aplicar somente em um botão utilize o selector antes do .elementor-button, daí vai ficar assim? selector .elementor-button { código CSS } Ou você pode adicionar uma Class no botão, selecione o botão, vai na aba Avançado - Classe CSS, adicionar um nome, botaograd, por exemplo. Daí fica assim: .botaograd .elementor-button { código css } Você pode repetir a classe em outros botões sem a necessidade de ficar repetindo o código.
@@wellington.willis tem um código css pra alterar o tamanho do botão: selector .elementor-button-icon i:before{ font-size: 30px; } .elementor-button-content-wrapper{ align-items: center } Você consegue alterar o tamanho ao mudar o valor de font-size do código acima.
Like garantido e ganhou mais um inscrito! Consigo aplicar o mesmo código, para criar uma barra com esse efeito que consiga utilizar abaixo do menu do site? Parabéns pela excelente aula! Abraço!
Consegue, no caso você não usa a classe do botão, coloca o código no css do contêiner utilizando só o selector, provavelmente tem que alterar algo no código também.
Coloquei e o código e ele sumiu. rsrs. Após ví que aplicou em todos os botões das subpáginas. Daí fui procurar e não estava mais no botão que coloquei. Onde encontro para excluir o efeito?
Mito, fenomeno kkkk mostro, excelete conteúdo
Hahahaha TMJ!
ja tentei várias vezes e n vai infelizmente
Se quiser me chamar no Instagram e me passar o que tá acontecendo, fica a vontade. @profissao.webdesigner
Muito obrigada, me ajudou bastante
Pra mim funciona enquanto estou editando no elementor...quando coloco entro no site em outro lugar, não funciona. O que pode ser?
Versão do navegador que não funciona, algum outro código que está gerando conflito com o código que você fez... teria que dar uma revisada em todos os códigos usados no site para achar onde tá o erro.
Grande mestre, Como deixar funcionando num só botão?
Sim, adiciona uma classe nesse botão lá na parte de edição/Avançado, depois no código é só adicionar a classe que você deu ao botão, daí ficaria assim:
.classenova .elementor-button
Excelente irmão.. Obrigado!
Obrigado!
No meu não funcionou. Mesmo aplicando .elementor-button
está diferente do usado no seu vídeo
O efeito não aplica no botão?
O botão já está editado pelo editor de estilos? Caso sim, limpe toda a edição e veja se funciona. Até hoje eu utilizo esse código e não tive problemas.
Eu joguei o código no ChatGPT e ele corrigiu, então funcionou. Não sei pq não funcionava@@bergilianoklen
Boa noite simplesmente fantástico!
Pra quem não ta conseguindo pode ser que o navegador esteja traduzindo o código de ingles pra português ai muda o código e o elementor não entende..
muito bom amigo, parabéns pelo video e conteudo! ajudou muito!
Brabo!
o meu não funciona por nada ao invés de ficar no botão ele vai pro fundo do container
Use a Classe do botão do Elementor .elementor-button
Provavelmente você tá colocando o código no CSS Personalizado do Conteiner e utilizando o seletor "selector" ao invés da classe .elementor-button
O site nao abre para mim
Testei aqui e não abriu, devem estar passando por alguma instabilidade. O site é de terceiros, não é meu. Vale tentar mais tarde ou procura no Google por "gradient animation css generator", deve ter alguma coisa lá.
tem como colocar esse efeito somente quando eu vou com o mouse em cima do botão ( Hover ) ?
Sim, no código ao invés de usar:
selector .elementor-button{
Você vai usar:
selector .elementor-button:hover para usar só no botão selecionado ou .elementor-button:hover para colocar em todos os botões.
Essa opção :hover que faz funcionar só quando o mouse está sobre o objeto.
Parabéns amigo, surreal o vídeo.
KKKKKK eu vim no vídeo, JUSTAMENTE PRA COLOCAR EM UMA PÁGINA DE VENDAS PARA ADVOGADOS!! kkkkkkkk Eu ri muito agora!!
kkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Funciona so no Elementor, ou dá certo na Wix tb?
Se o wix tiver possibilidade de colocar código css, funciona também, só vai ser diferente em relação as classes que mostro no vídeo, que são do Elementor
como faz pra colocar em um título?
Dá pra colocar em título sim, dá pra colocar ele animado no título ainda, porém o código vai ser bem diferente desse do botão, pode ser uma ideia de novo vídeo, já estou há um bom tempo sem gravar aqui.
Aplicando o efeito acaba indo em todos os botões do site, como faz para aplicar apenas no que eu quero?
Adiciona "selector" antes do id no CSS. Vai ficar assim:
selector .elementor-button {
código css
}
Se não der certo, me chama lá no Instagram que vemos isso diretamente.
@@bergilianoklen Vou fazer o teste, obrigado irmão!🔥
Eu fiz do jeito que vc disse, mas comigo não deu certo, continuou todos os botões 😕
@@Feridasinvisiveis você colocou da seguinte forma no CSS do botão que quer alterar:
selector .elementor-button{
código css
}
?
Para funcionar em um botão específico tem que colocar assim, ou aplicar uma classe ao botão e colocar essa classe no código, por exemplo:
Classe do botão for .botaogradiente daí vai ficar assim:
.botaogradiente .elementor-button{
código css
}
Qualquer coisa me chama no Instagram que te auxilio: @bergklen
adorei !!! como faço para colocar em um botão especifico. porque fiz em um e mudou todos ???
Que bom que gostou!
Para aplicar somente em um botão utilize o selector antes do .elementor-button, daí vai ficar assim?
selector .elementor-button {
código CSS
}
Ou você pode adicionar uma Class no botão, selecione o botão, vai na aba Avançado - Classe CSS, adicionar um nome, botaograd, por exemplo. Daí fica assim:
.botaograd .elementor-button {
código css
}
Você pode repetir a classe em outros botões sem a necessidade de ficar repetindo o código.
@@bergilianoklen show eu consegui. ajudou muito. aquele icon do botão aumenta também dentro de container ou só se for botão ?
@@wellington.willis tem um código css pra alterar o tamanho do botão:
selector .elementor-button-icon i:before{
font-size: 30px;
}
.elementor-button-content-wrapper{
align-items: center
}
Você consegue alterar o tamanho ao mudar o valor de font-size do código acima.
Obrigado amigo ajudou muito
Massa tava procurando isso
Like garantido e ganhou mais um inscrito! Consigo aplicar o mesmo código, para criar uma barra com esse efeito que consiga utilizar abaixo do menu do site? Parabéns pela excelente aula! Abraço!
Consegue, no caso você não usa a classe do botão, coloca o código no css do contêiner utilizando só o selector, provavelmente tem que alterar algo no código também.
@@bergilianoklen Muito obrigado pela atenção e explicação. Vou fazer exatamente assim. Mais uma vez, parabéns pelo canal e didática! Abraços!
obrigada amigo!
Top demais queridão! Gostei demais do seu vídeo. Tmj.
Muito obrigado! Tmj
Valeu, ótimo!
Gostei muito do vídeo, meu caro! Já vou usar, obrigado!
Show de bola! 😉
Muito bom mano!! Conhecendo o canal hoje.
Obrigado!! 💪🏻
Não funcionou no meu, ficou estatico no final. :(
Confere o código, talvez tenha algum erro na função :hover (que é a função que ativa o efeito ao passar o mouse sobre)
Eu vi uma página de captura com o botão assim hoje, agora apareceu esse vídeo pra mim! Muito bom, vou aplicar num projeto meu!
brigadão cara :D
Muito obrigado pelo vídeo! Excelente didática meu querido!
Cara vídeo sensacional mano, parabéns pelo conteúdo.... + 1 inscrito
Muito obrigado!! TMJ!
esse vídeo foi para minha pasta de vídeos úteis, salvou demais irmão!
Eu estou criando minha PV e queria muito esse tipo de botão. Muito obrigada! Ganhou uma inscrita.
show de bola! valeu
Funcionou!
Cara vídeo incrível, muito bom vc me salvou kk
Braaaaaabíssimo!!!
valeeeeeu
Faltou o seu site na descrição.
Meu site é o www.websitespro.com.br
muito boom
+1 inscrito
Valeu irmão!
Coloquei e o código e ele sumiu. rsrs. Após ví que aplicou em todos os botões das subpáginas. Daí fui procurar e não estava mais no botão que coloquei. Onde encontro para excluir o efeito?