Como fazer efeito de NEOMORFISMO (3D) no ELEMENTOR apenas com CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025
  • Como fazer efeito de NEOMORFISMO (Caixa com 3D) no Elementor usando apenas o CSS. Efeito simples que pode dar um grau no visual dos seus sites.
    👉 Entre no meu grupo do Telegram para receber notificações sempre que sairem conteúdos novos e ter acesso à todos códigos e materiais das aulas:
    📍cutt.ly/grupow...
    👉 Participe de uma pesquisa 100% anônima e muito rápida para me ajudar a melhorar os conteúdos que compartilho aqui para você:
    📍forms.gle/gxHQ...
    👉 Se inscreva no canal:
    📍 / @marcelordesigner
    👉 Me siga nas redes sociais:
    📍 Instagram - / marcelordesigner
    📍 Facebook - / marcelordesignergrafico
    📍 Ganhe descontos em compras online com o méliuz: cutt.ly/3ZQIRm2
    #sites #wordpress #wordpressparainiciantes #sitesbrasil #desenvolvimentodesites #webdesign #elementor #designgráfico #designbr #landingpages

ความคิดเห็น • 26

  • @pdpersis
    @pdpersis 3 หลายเดือนก่อน +1

    Excelente conteúdo Marcelo, já apliquei no meu site, veio em boa hora, obrigado por compartilhar !

    • @marcelordesigner
      @marcelordesigner  3 หลายเดือนก่อน

      Que legal que curtiu. Fico feliz em ajudar 😀

  • @Sam-ef6gz
    @Sam-ef6gz ปีที่แล้ว +1

    gostei da caixa de imagem que "entra", achei o efeito que forma bem diferente, nunca tinha visto, vou começar a aplicar...

  • @PauloFelipeii
    @PauloFelipeii 10 หลายเดือนก่อน

    mano seu trampo e fod# pra crlh, slk tem meu respeito um ótimo profissional.

    • @marcelordesigner
      @marcelordesigner  10 หลายเดือนก่อน

      Valeu amigão vamo que vamooooo

  • @AlbertSousaLima
    @AlbertSousaLima 11 หลายเดือนก่อน

    Sou desenvolvedor há quase 1 ano e nunca me senti tão apaixonado por css como agora quando comecei a estudar neomorfismo UX/UI

  • @andrebensemana7771
    @andrebensemana7771 11 หลายเดือนก่อน

    Cara, muito bom

  • @MarcosAnibal.
    @MarcosAnibal. ปีที่แล้ว

    Sensacional 💯👍⚡💥😃👍

  • @estefanoaquino
    @estefanoaquino 9 หลายเดือนก่อน

    TOOOOP DEMAIS

  • @tarinpaletes
    @tarinpaletes 11 หลายเดือนก่อน

    Demais !

  • @bella_trigueiro
    @bella_trigueiro 5 หลายเดือนก่อน

    Nossa, ficou muito bom! Esse efeito funciona também no botão?

    • @marcelordesigner
      @marcelordesigner  5 หลายเดือนก่อน +1

      @@bella_trigueiro da pra fazer sim, daí você precisa adaptar para usar com a classe .elementor-button

    • @bella_trigueiro
      @bella_trigueiro 5 หลายเดือนก่อน

      @@marcelordesigner Obrigada pela ajuda!! 😀

    • @marcelordesigner
      @marcelordesigner  5 หลายเดือนก่อน

      @@bella_trigueiro tmj

  • @robertribeiro8775
    @robertribeiro8775 9 หลายเดือนก่อน

    Amigo criei exatamente igual você fez, no elementor está funcionando, mais quando atualiza e abre em outro navegador ou até no mesmo, mais em modo de visualização, não está animando como no elementor
    pode me ajudar?

    • @marcelordesigner
      @marcelordesigner  9 หลายเดือนก่อน

      Se funciona no editor e fora dele não significa que você cometeu algum erro no CSS (não necessariamente desse widget mas pode ser de qualquer outro).
      Revise todos os códigos para encontrar onde errou.

  • @PauloFelipeii
    @PauloFelipeii 10 หลายเดือนก่อน

    Mano fiz certinho porem para celular, fica na extremidade da linha do site ai o efeito nao fica legal, como arrumar amigo ?

    • @marcelordesigner
      @marcelordesigner  10 หลายเดือนก่อน

      Diminua o tamanho ou use um CSS personalizado para aquela resolução. Veja aqui no meu canal um vídeo que ensina a colocar um CSS específico para cada resolução usando media queries

    • @PauloFelipeii
      @PauloFelipeii 10 หลายเดือนก่อน

      @@marcelordesigner onde diminuir o tamanho amigo... pode responde ja ajuda de mais

    • @marcelordesigner
      @marcelordesigner  10 หลายเดือนก่อน +1

      @@PauloFelipeii já respondi. Veja o vídeo aqui no meu canal sobre CSSs diferentes para diferentes resoluções.