BIBLIOTECA ANIMATE.CSS (CSS3/HTML5/JS)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ม.ค. 2025

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

  • @brunokrinski8250
    @brunokrinski8250 9 ปีที่แล้ว

    Muito,mas muuuuito obrigado por me apresentar a essa maravilha.Ótima aula,parabéns.

  • @tupuedessanmiguel8968
    @tupuedessanmiguel8968 9 ปีที่แล้ว +1

    very good friend

  • @euacordeei
    @euacordeei 9 ปีที่แล้ว +5

    MUUUUUUUUUUUUUUUUUITOOOOOOOOOOOOOO BOM OBRIGADO SERIO , DEUS ABENÇOE
    SEM PALAVRAS, OTIMO TRABALHO

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      +Davi Dos Santos Da Silva muito obrigado! Continue nos acompanhando meu amigo. Grande abraço. ;)

  • @lius2340
    @lius2340 8 ปีที่แล้ว

    Show o vídeo!
    Obrigado por compartilhar esse conhecimento!
    Um abraço e continue com essa excelente qualidade de conteúdo!
    Parabéns!

  • @glauberborges6686
    @glauberborges6686 9 ปีที่แล้ว +1

    Essa biblioteca e o máximo, valeu por compartilhar.
    Seguindo =D

  • @NELSON6358
    @NELSON6358 9 ปีที่แล้ว +1

    Muito bom. Parabéns.

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Nelson Costa, muito obrigado pela força. Continue nos acompanhando. Forte abraço. ;)

  • @leandrobatista6274
    @leandrobatista6274 9 ปีที่แล้ว +1

    Parabéns, mt bom!

  • @loanantunes1935
    @loanantunes1935 6 ปีที่แล้ว

    Parabéns mano!

  • @josevinicius2950
    @josevinicius2950 9 ปีที่แล้ว +1

    Muito obrigado por fazer este video, vi varios sites com esses efeitos, mais n sabia como fazer. Agora vou poder aplicá-los em meus projetos, deixando eles bem mais bonitos e com cara de profissional.
    MUITO OBRIGADO.... E SUCESSO.....

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      inois Animes Obrigado pelos elogios meu amigo. Vamos crescer esse projeto juntos, pessoas como você fazem parte desta história. Forte abraço e continue firme aqui no canal. Abraços. ;)

  • @johny141088
    @johny141088 9 ปีที่แล้ว +1

    Cara, muito bom isso! essa Biblioteca realmente é sensacional! Posta mais e mais sobre essas bibliotecas... estou procurando uma biblioteca de transição de página... obedecendo o material design do google! se souber me avisa!!!!

  • @caiowillian6962
    @caiowillian6962 9 ปีที่แล้ว +1

    Muito bom cara, valeu!

  • @rafael39252
    @rafael39252 5 ปีที่แล้ว

    Parabéns cara pelo vídeo!!
    Sua didática é muito boa!!👏👏👏

  • @SuperMaxandrade
    @SuperMaxandrade 9 ปีที่แล้ว +1

    Parabéns cara, gosto muito de css, valeu por transmitir seu conhecimento. Continue assim muito bom

    • @SuperMaxandrade
      @SuperMaxandrade 9 ปีที่แล้ว

      Tec-Mex muito bom irei aplicar esse efeitos no meu blog tecmemory.blogspot.com/

  • @MatheusFaleiro
    @MatheusFaleiro 9 ปีที่แล้ว +1

    Parabéns pelo video!

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Matheus Faleiro, obrigado por sempre nos acompanhar. Forte abraço. ;)

  • @AeroNavSim
    @AeroNavSim 9 ปีที่แล้ว +1

    Muito bom seu tutorial, muito obrigado você me ajudou muito...

  • @rafaelfrotaVEVO
    @rafaelfrotaVEVO 9 ปีที่แล้ว +1

    usava o dreamweaver, não conhecia o brackets, já to trocando de ferramenta hahaha
    show de bola, mais um vídeo sensacional, parabens léo! abraçooo

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Rafael Frota Vlw Fael, o brackets é maravilhoso. rsrs Forte abraço. ;)

  • @MrNekomatagamer
    @MrNekomatagamer 8 ปีที่แล้ว +1

    Muito bom o video. Mas você poderia ensinar a como utilizar a animação no load da pagina?

  • @CayqueDuarte
    @CayqueDuarte 8 ปีที่แล้ว

    Boa aula! Mas tenho uma dúvida, e se eu tiver vários botões e quiser clicar em um, e somente esse "um" tem que dar o efeito, e depois eu clicar em outro e somente esse "outro" dar o efeito... Como poderia fazer isso ?

  • @euricov.w6649
    @euricov.w6649 9 ปีที่แล้ว +2

    Olá Leonardo, primeiramente quero dizer que seus vídeos são muito bons.
    Seguinte, não consegui localizar, você disponibiliza os códigos das vídeos aulas??
    Seria muito bom, pois, no caso desta vídeo aula, como você usou duas Telas simultâneas para exibição o código ficou muito pequeno.
    Vlw Abraço.

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      EURICO VILELA WILBERT vlw demais pelos elogios. Quanto ao código, geralmente ele sempre fica na descrição. Abraços! ;)

  • @vandretoledo
    @vandretoledo 9 ปีที่แล้ว +1

    valeu, curti!

  • @celiozagalo
    @celiozagalo 8 ปีที่แล้ว

    Leonardo, como faz pra trabalhar com a biblioteca animate css + setInterval do javascript, para criar uma animação disparada em intervalos de tempo(de 5 em 5 segundos, por exemplo)? Eu tentei de algumas maneiras mas a animação só era executada uma vez ou várias vezes porém sem os intervalos de tempo q eu queria

  • @igrejadecristonavarzea2278
    @igrejadecristonavarzea2278 4 ปีที่แล้ว +1

    Excelente tutorial. Só um toque: a música de fundo ficou muito alta.

  • @andersonvsn2
    @andersonvsn2 8 ปีที่แล้ว

    Boa tarde adorei esse tutorial apartir de agora não passo mais uma tarde pra criar um simples comando de animação escrevendo parte por parte, graças a sua ajuda.
    gostaria de sabe com eu faço pra usar a animação ao passa o mouse no botão.
    desde de já deixo meu muito obrigado.

    • @JeanPierreRibeiro
      @JeanPierreRibeiro 8 ปีที่แล้ว

      Para efeitos hover recomendo essa biblioteca: ianlunn.github.io/Hover/
      Com animate.css terá que codificar.

  • @vpmdesign
    @vpmdesign 7 ปีที่แล้ว

    Tem como implementar essas animações ao descer e subir a barra de rolagem? Ou seja, quero que a animação só comece quando o objeto que tem a classe do ANIMATE.CSS, seja revelado com o scroll...é possível?

  • @denilsonreis8668
    @denilsonreis8668 4 ปีที่แล้ว

    qual o nome do editor de texto que vc usa?

  • @silasrodrigues7582
    @silasrodrigues7582 5 ปีที่แล้ว

    Tem como fazer a animação startar somente quando o elemento animado tiver na tela? Se não as coisas que estão la em baixo anima antes do usuário ver a animação

  • @wellingtonfernandes8298
    @wellingtonfernandes8298 9 ปีที่แล้ว +5

    Bacana demais o conteúdo, mas a música estava alta.No mais parabéns!

  • @JeanBonilhaCorretor
    @JeanBonilhaCorretor 8 ปีที่แล้ว

    Aumenta um pouco a fonte no editor de texto pra poder ser acompanhado pelo celular. Valeu!

  • @varejoimportador7682
    @varejoimportador7682 9 ปีที่แล้ว +1

    Vídeo muito bom. A música é a identidade de seu canal mas baixa um pouco pra gente ouvir você melhor. Seu conteúdo é bom e só precisa desse ajuste. Vlw cara!

  • @andresouza2168
    @andresouza2168 7 ปีที่แล้ว

    Realmente a música está um tanto alta, mas acredito que casa bem no tutorial, só precisa baixar o volume. No mais nota 10!

  • @boneyoutobe
    @boneyoutobe 7 ปีที่แล้ว

    Senti falta do Ionic.
    Descorre um pouco sobre ele com a comparação de uns dos melhores, que no meu caso foi o Uikit ou Bootstrap.

  • @fabianovazdasilva1800
    @fabianovazdasilva1800 8 ปีที่แล้ว

    Tem como tirar as músicas de fundo? Atrapalham bastante :( Mas Obrigado :)

  • @danbsb
    @danbsb 8 ปีที่แล้ว

    ótima vídeo-aula mano. parabéns... só não curti a musica ao fundo, me dificultou na absorção da aula. no mais, mandou muito bem.

  • @rogeriosantos2463
    @rogeriosantos2463 8 ปีที่แล้ว

    Como ficaria o código usando o document.getElementById ?? estou tentando fazer usando o webform no visual studio e não estou conseguindo.. Minha intenção é aplicar o efeito bounceInDown em um formulário de login quando o usuário der um click no botão. Poderia me ajudar, por favor?

  • @johnsonvieira
    @johnsonvieira 9 ปีที่แล้ว

    Vai disponibilizar os arquivos do vídeo?

  • @polojoser
    @polojoser 8 ปีที่แล้ว

    Nice ! Parabéns ! Qual editor você usa? Abraços

  • @zemario04
    @zemario04 8 ปีที่แล้ว

    Poxa, não consegui colocar para funcionar junto ao wordpress

  • @matwmc5295
    @matwmc5295 7 ปีที่แล้ว

    man aumenta o tamanho da letra ou da zoom na edição quando tiver escrevendo é ruim de enxergar

  • @clebsonsouzadeandrade3066
    @clebsonsouzadeandrade3066 9 ปีที่แล้ว +1

    Como muda o tema do editor ?

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      Clebson Souza De Andrade basta ir na opção de view. Abraços!

    • @LucasMartinsa7x
      @LucasMartinsa7x 9 ปีที่แล้ว +1

      Ferreira Studios Qual é este editor?

    • @LucasMartinsa7x
      @LucasMartinsa7x 9 ปีที่แล้ว +1

      Ferreira Studios Breckets?

    • @ThiagoLucioBittencourt
      @ThiagoLucioBittencourt 9 ปีที่แล้ว

      Lucas Martins Brackets da Adobe, é gratuito. Mas tem outros...ATOM, Visual Studio Code, Lighttable, todos de graça, basta pesquisar no Google. O Brackets é muito bom mas eu particularmente prefiro o ATOM como opção free. O oficial mesmo é o Sublime Text. Espero ter ajudado

    • @LucasMartinsa7x
      @LucasMartinsa7x 9 ปีที่แล้ว +1

      *****​ baixei o Sublime, mas ele fica aparecendo uma mensagem dizendo pra eu ativar

  • @MarceloBMC
    @MarceloBMC 6 ปีที่แล้ว

    impossível ver o vídeo com esta música alta...

  • @FatalDarkSpider
    @FatalDarkSpider 6 ปีที่แล้ว

    Muito bom, só deixa a musica mais baixa na próxima vez ou melhor ainda, deixa sem música.

  • @bommambo7425
    @bommambo7425 7 ปีที่แล้ว

    o som esta muito alto

  • @nenando
    @nenando 9 ปีที่แล้ว +5

    Parabéns pelo seu trabalho, mas cara pra ficar nota 1000, não coloca música, além de estar muito alta tira a concentração do objetivo do vídeo, lembre-se o cérebro humano só consegue lhe dar com uma coisa de cada vez, ou seja, presta atenção na aula ou na sonorização. Mais uma vez parabéns pelo canal e a iniciativa em colaborar com a educação desse nosso Brasil.

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว +1

      Leandro Freitas Cardoso Obrigado pelos comentários. Realmente fico feliz em colaborar. Em relação a música, estou tentando achar o "ponto" certo, porque uma grande parcela pede para colocar e uma outra pede para não colocar. Enfim, um dia chegamos lá. Forte abraço e continue nos acompanhando. ;)

  • @jailsonsilva5484
    @jailsonsilva5484 9 ปีที่แล้ว +1

    ótima biblioteca, tive boas experiencias com animate.css junto com WOW, detalhes neste site aqui: mynameismatthieu.com/WOW/index.html
    São bibliotecas leves e muito fáceis de usar, pra quem sabe html é só chamar os arquivos no head e colocar as classes correspondentes nas tags.
    Consegui fazer a animação quando o usuário dá scroll no mouse muito bom recomendo!!!

  • @variedades4902
    @variedades4902 9 ปีที่แล้ว +1

    Gostaria de obter um site com uma rolagem igual a desse www.inomatech.com.br/#grafica
    teria como vc me informar se é essa biblioteca mesmo que uso ? ou tem algo mais especifico pra esse tipo de rolagem, qual o nome ?
    tecwebgrafi@gmail.com esse é meu e-mail , se puder me ajudar nem sei como agradecer

    • @leonardoferreira.design
      @leonardoferreira.design  9 ปีที่แล้ว

      ALEXANDRE BARBOSA DE OLIVEIRA, esse efeito segue o mesmo principio do parallax, entretanto, pelo que percebi pelo código, ele está usando o Adobe Muse, que pode estar aliado ao Adobe Edge para a geração desses tipos de efeito. Vale a pena dar uma conferida nos softwares no site da Adobe. Abraços!

  • @troll_gamer4521
    @troll_gamer4521 8 ปีที่แล้ว

    mal