Como Fazer Animações de Entrada e Saída de Elementos na sua Landing Page ou Site, no Elementor!

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025

Комментарии • 57

  • @BernardoCaetano
    @BernardoCaetano  8 месяцев назад

    🚀 Entre para o MIP, o meu curso de Landing Pages:
    becaetano.com.br/mip-yt

  • @eupaulodesign
    @eupaulodesign 9 месяцев назад +2

    Você é brabo de mais slc, me inspiro em você nas criações dos meus projetos aqui de WP também

    • @BernardoCaetano
      @BernardoCaetano  9 месяцев назад

      Opa, irmão! Que comentário foda! Fico feliz demais em saber que sou uma inspiração pra você, TMJ demais!

  • @diegodiascardoso8735
    @diegodiascardoso8735 9 месяцев назад +1

    Vlw demais!!! era o que estava procurando

    • @BernardoCaetano
      @BernardoCaetano  9 месяцев назад

      Que top irmão, fico feliz em ter ajudado. TMJ!

  • @erichannunciato5351
    @erichannunciato5351 9 месяцев назад +1

    Só conteúdo top. E essa animação logo do início, na Hero. Como vc fez? ficou show também, ensina pra gente.

    • @BernardoCaetano
      @BernardoCaetano  9 месяцев назад

      Opa, irmão! Obrigado pelo feedback!
      O efeito das imagens no início da página foram com o "Efeitos de movimento", do próprio Elementor, que falo no vídeo, no minuto 12:40.

  • @valdinei_aparecido
    @valdinei_aparecido 9 дней назад +1

    Like e inscrição, claro. Para que código funcionasse onde usei, tive que acrescentar (!important) aonde não tinha

    • @BernardoCaetano
      @BernardoCaetano  6 дней назад

      Opa, irmão! Obrigado pelo feedback.
      Que bom que deu certo aí pra você, HAHA
      Sim, pode ser que algo estava usando a mesma classe, e daí com o !important você sobrescreve, o importante é dar certo.

  • @alexandreinacio9625
    @alexandreinacio9625 6 месяцев назад +1

    Cara meus parabéns, codigo funciona muito bem. Só conteúdo bom. Gratidão

    • @BernardoCaetano
      @BernardoCaetano  6 месяцев назад

      Opa, irmão! Obrigado demais pelo feedback.
      Que bom que deu certo aí pra você, TMJ!

  • @100doresoficial
    @100doresoficial 9 месяцев назад +1

    traz mais video ensinando criar landpage você e muito bom pra insinar

    • @BernardoCaetano
      @BernardoCaetano  9 месяцев назад

      Obrigado pelo feedback! Pode deixar, por enquanto a frequência do canal é vídeo novo todo domingo, mas mais pra frente devo aumentar a frequência de vídeos, rs...

  • @Josivan777
    @Josivan777 8 месяцев назад +1

    show, parabéns pela aula top!

    • @BernardoCaetano
      @BernardoCaetano  8 месяцев назад

      Opa, irmão! Obrigado pelo feedback, TMJ!

  • @gaell.g
    @gaell.g 9 месяцев назад +1

    Shoow 💪😸

  • @GOLDBOYRJ
    @GOLDBOYRJ 9 месяцев назад +1

    Top demais.

  • @murillomausbach
    @murillomausbach 9 месяцев назад +1

    O melhor ❤🚀

  • @joaovitorrodrigues4414
    @joaovitorrodrigues4414 6 месяцев назад +1

    muito fodaa irmão

  • @mateussouza4782
    @mateussouza4782 9 месяцев назад +1

    traz o video ensinando puxar os projetos do Behance pro site/portfólio

    • @BernardoCaetano
      @BernardoCaetano  9 месяцев назад

      Opa, irmão! Estou pra fazer um tutorial desse sim, sairá em breve. Obrigado pela sugestão, hahaha

  • @Dhuenne
    @Dhuenne Месяц назад +1

    +1 Inscrito!

    • @BernardoCaetano
      @BernardoCaetano  29 дней назад

      Opa, aí simmm! HAHA
      TMJ parceiro!

    • @Dhuenne
      @Dhuenne 15 дней назад

      @@BernardoCaetano Help! Please! Apliquei o mesmo processo em outro site, mas não funcionou o Blur de Entrada e Saída. Sabe o que pode ser? Não alterei nada. Inclusive, fiz o teste copiando do site que ficou OK para esse que não funcionou o Blur de Entrada e Saída.

    • @Dhuenne
      @Dhuenne 15 дней назад

      @@BernardoCaetano No Elementor Pro Chave Original. Já executei Gerar CSS e dados novamente e Sincronizar biblioteca.

  • @tarinpaletes
    @tarinpaletes 9 месяцев назад +1

    Shoooow

  • @fsmicael
    @fsmicael 6 месяцев назад +1

    e pra fazer isso nos elementos de um carrossel?

    • @BernardoCaetano
      @BernardoCaetano  6 месяцев назад

      Opa, brother! Se você tiver usando Carrossel com Elementos Aninhados (que permite você ter elementos diferentes em cada um), basta adicionar a classe em cada elemento individualmente, de acordo com o efeito que você quer.

  • @JamesRodrigues
    @JamesRodrigues 4 месяца назад +1

    Eu tive um problema, quando aplico, depois quando preciso editar novamente fica tudo preto. E alguns container não aparecem mesmo indo no resultado final no site, fica tudo preto. O que pode ser? Como se tivesse sumido do objeto. Como faço para visualizar ele? PS. no site funciona ok a animação, mas só na edição ele passa a sumir. E outra pergunta, isso afeta no carregamento do site? Obrigado grande!

    • @BernardoCaetano
      @BernardoCaetano  4 месяца назад +1

      Opa, irmão! Sim, eu atualizei o código agora inclusive, para evitar que os efeitos sejam aplicados no editor, então os elementos não vão mais sumir.
      Para testar agora, pode editar normal e visualizar os efeitos acessando a sua página. TMJ!

    • @JamesRodrigues
      @JamesRodrigues 4 месяца назад +1

      @@BernardoCaetano Obrigado cara!

    • @BernardoCaetano
      @BernardoCaetano  4 месяца назад

      @@JamesRodrigues TMJ parceiro, depois conta se deu certo, rs...

  • @QRPRINT
    @QRPRINT 8 месяцев назад +1

    Faz um vídeo ensinando criar um site igual esse

    • @BernardoCaetano
      @BernardoCaetano  8 месяцев назад

      Opa, irmão! Obrigado pela sugestão de conteúdo, vou ver se consigo trazer algum conteúdo relacionado a criação completa. TMJ!

  • @OrbitaFeminina-mh4gq
    @OrbitaFeminina-mh4gq 5 месяцев назад +1

    estou com problema quando coloco o código a pagina no celular fica com uma folga branca
    o que eu posso fazer ?

    • @BernardoCaetano
      @BernardoCaetano  5 месяцев назад

      Opa, tudo certo?
      Você pode corrigir isso seguindo esse vídeo:
      ruclips.net/video/CI1DFK5-UHQ/видео.html

  • @denesferreiraoficial
    @denesferreiraoficial 4 месяца назад +1

    como corrige o scroll horizontal no mobile?

    • @BernardoCaetano
      @BernardoCaetano  4 месяца назад

      Opa, irmão! Faz o que eu ensino nesse tutorial aqui, que vai resolver já em tudo:
      ruclips.net/video/CI1DFK5-UHQ/видео.html

  • @100doresoficial
    @100doresoficial 9 месяцев назад +1

    traz mais video

  • @AgencyExperience-qc1ws
    @AgencyExperience-qc1ws 4 месяца назад +1

    Eu adiciono o código porém ele não ativa o efeito no navegador, o que pode tá acontecendo

    • @BernardoCaetano
      @BernardoCaetano  4 месяца назад

      Opa, parceiro! Depois da atualização que fiz no código, no editor realmente o efeito não aparecerá. Você está visualizando pelo editor?
      Aplique o código e faça o passo a passo adicionando as classes onde você quer que o efeito funcione, depois visualize a página fora do editor! rs... TMJ!

  • @PSFilipeAA
    @PSFilipeAA 6 месяцев назад +1

    Cara, então... quando eu coloco os códigos e aplico a classe a sessão ou a imagem, o item simplesmente desaparece e não volta mais... como corrigir isso ?

    • @BernardoCaetano
      @BernardoCaetano  6 месяцев назад

      Opa, irmão! No editor ele vai sumir mesmo, porque o CSS começará a ativar o script.
      Caso você precise fazer alguma modificação, você precisa comentar o código CSS, ajustar o que quer e depois voltar ao normal, rs...
      O ideal é aplicar esse código no final de tudo, quando o projeto estiver 100% finalizado.
      TMJ!

    • @MauricioSilva-vx1rs
      @MauricioSilva-vx1rs 4 месяца назад +1

      Aconteceu a mesma coisa comigo, usei o CHATGPT e criei um novo codigo.

    • @BernardoCaetano
      @BernardoCaetano  4 месяца назад

      @@MauricioSilva-vx1rs sim sim irmão, no editor vai sumir. Acabei de atualizar o código para que isso não aconteça mais no editor, rs...

  • @despertarinterno89
    @despertarinterno89 7 месяцев назад +1

    Os codigos n estão funcionando

    • @BernardoCaetano
      @BernardoCaetano  7 месяцев назад

      Opa, irmão! Seguiu o tutorial à risca?
      Está tudo funcionando normalmente, você pode ter feito algo errado, dá uma revisada para ver...

    • @despertarinterno89
      @despertarinterno89 7 месяцев назад +1

      @@BernardoCaetano segui sim, só copiei o codigo e cole la no HTML e no CSS sempre faço mais esses codigos não estão funcionando

    • @BernardoCaetano
      @BernardoCaetano  7 месяцев назад

      @@despertarinterno89 Funcionando está irmão, algo de errado você fez... a galera aqui nos comentários mesmo já confirmou isso!
      Você está definindo a classe nos elementos que são para entrar?

    • @chrisx276
      @chrisx276 23 дня назад +1

      @@BernardoCaetano Comigo também não funcionou. Copiei os códigos e defini as classes em alguns elementos e não foi.

    • @BernardoCaetano
      @BernardoCaetano  23 дня назад

      ​@@chrisx276 fala irmão! Beleza? Vou fazer um teste novamente, mas tem comentário de 8 dias atrás confirmando que está 100%, inclusive esse código está em outras páginas nossas e de clientes, rs... Dá revisada no tutorial e veja se não deixou passar alguma coisa... às vezes acontece, kkk.
      Qualquer coisa avisa aqui também pra gente ver. TMJ!