Jump to content

Search the Community

Showing results for tags 'animaçao'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 12 results

  1. Olá, pessoal. Estou fazendo um site com animações em js e css. Em uma das sessões desse site, tenho uma div que aparece só na versão de desktop e outra que aparece só na versão celular com os mesmos conteúdos e ambas são animadas (bloquei a div através do css). As animações são do tipo fadein ao rolar que já vieram no template e que estavam funcionando perfeitamente na versão original. Mas agora, na versão do celular, quando eu dou refresh na sessão (só no refresh, ao rolar está normal) as animações estão atrasadas, demoram mais para aparecer do que as outras partes da página que usam as mesmas animações, e percebi que isso acontecia porque ele estava esperando abrir as animações da div de desktop mesmo ela não aparecendo na versão do celular. Alguém tem alguma dica do que devo fazer? Obs.: precisei usar div em versões separadas para celular e pc porque a organização do conteúdo nas plataformas é muito diferente.
  2. Sejam bem vindos em uma serie de Cursos de FreeCAD! Curso em andamento, onde vamos abordar todas as funcões do FreeCAD na linguagem português Brasil. Segue abaixo o link de nossa PlayList no youtube, onde contém todas nossas aulas do curso: Aguardamos a presença de todos vcs, comentem e curtam nossos videos, isso ajuda nosso canal.
  3. Já visualizei o efeito em alguns sites mas não consegui acha-lo ainda. Como faço para colocar o efeito que, conforme for descendo o site, o conteúdo vai aparecendo em forma de animação na pagina. Exemplo: https://meusitecontabil.com.br/ Onde o texto e as imagens vão aparecendo em forma de animação conforme vai rolando a pagina.
  4. Eu vi um website esses dias com um efeito muito bacana, se trata deste aqui: https://cash.me/ Eu estou me referindo ao efeito de transição que acontece quando o usuário desce a barra de rolagem. A diminuição da opacidade do preto e a forma com que o novo container sobe, achei muito interessante, porém não estou conseguindo representar isto e nem sequer sei quais ferramentas utilizar. Alguém poderia me ajudar com isso?
  5. Tudo bem galera, comecei a fazer animação a pouco tempo, e decidi criar um canal de animação no youtube, assim vou melhora-lo com o tempo mais queria ver se está bom, da uma passada lá e deixa seu comentário pra mim melhorar ele, https://goo.gl/Wu3HTs quero a opnião sincera de vocês ! vlw
  6. Max Miller Silveira

    Problemas com animação do JQuery

    Estou tentado fazer um código com jquery que irá ficar animando um div com imagem de fundo e com vários elementos, neste momento estou tentando apenas animar a troca das imagens isso ficará em forma de loop, de tempo em tempo troca a imagem. Meu HTML esta da seguinte forma: <html> <head> <!--Import Google Icon Font--> <link rel="stylesheet" href="ifrntv.css"> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="ifrntv.js"></script> <div id="7" class="ifrntv" style="background-image: url(&quot;http://localhost:3000/uploads/notice/picture/7/13584198_1063879390367251_539341910_n.jpg&quot;); background-repeat: no-repeat; background-size: 100%; left: -9999px; opacity: 0;"> <div class="time">20:30 10/10/2017</div> <div class="logo"></div> <div class="text-notice"> <p class="title-notice">Meu teste 2</p> <p>kajsajkjks kjssajSLAJSAKLSJ</p> </div> </div> <div id="6" class="ifrntv" style="background-image: url(&quot;http://localhost:3000/uploads/notice/picture/6/samanau_geral.png&quot;); background-repeat: no-repeat; background-size: 100%; left: -9999px; opacity: 0;"> <div class="time">20:30 10/10/2017</div> <div class="logo"></div> <div class="text-notice"> <p class="title-notice">Exemplo de Imagem</p> <p>O exemplo deve aparecer corretamente</p> </div> </div> </body> <object id="3afbcac9-88b8-8a86-8a4b-588cc8b9949f" width="0" height="0" type="application/gas-events-cef"></object> </html> Meu CSS está assim: .ifrntv{ width: 100%; height: 100%; position: absolute; } .logo { float: right; margin-top: 30px; margin-right: 90px; width: 10%; content: url('ifrn.png'); opacity: 0; } .time { margin-top: 300px; margin-left: 80%; width: 15%; height: 20%; font-size: 30pt; text-align: center; background-color: white; opacity: 0.7; position: absolute; border: 2px solid; border-radius: 25px; border-color: white; opacity: 0; } .text-notice{ position: absolute; z-index: 2; margin: 34% 0% 0% 00%; left: -9999px; padding-left: 10%; width: 100% ; height: 35%; font-family: arial, sans-serif; font-size: 35pt; background-color: black; opacity: 0.7; } .text-notice .notice-title{ font-size: 30pt; font-family: arial, sans-serif; } .text-notice p{ opacity: 1 ; color: white; font-size: 20pt; padding-left: 5%; font-family: arial, sans-serif; } E o JavaScript assim: $(function(){ iniciar(); }) function iniciar(){ $('body').find('.ifrntv').each(function(){ $(this).animate({left:0,opacity:1.0},{duration:1000,queue:'true',complete:iniciar}); $(this).animate({left:-9999,opacity:0},{duration:4000,queue:'true',complete:iniciar}); //alert(element); }); console.log(iniciar); //iniciar(); setTimeout(iniciar,10000); } Debugando pelo Chrome o código é executado mas nada acontece, o mais proximo que consegui fazer foi a duas imagens ficar aparecendo juntas, mas o objetivo é aparecer uma, fica um tempo, depois aparece a outra e assim continua sem parar. Estou esquecendo de algo no código das animações?
  7. Olá, Fiz uma pergunta há um tempo atrás (https://forum.imasters.com.br/topic/555992-menu-animado-apenas-css/) mas não foi de grande ajuda. Contudo inspirado nos artigos: 1 - http://callmenick.com/post/animating-css-only-hamburger-menu-icons 2 - https://www.htmllion.com/css3-toggle-switch-button.html Consegui elaborar o tal Menu animado apenas com html e css (e colocar um efeito de elástico que deixa essa animação tão peculiar), só que não consigo fazer ela funcionar no único navegador que me interessa que é o Firefox. Funcionou nos seguintes browsers nas versões: Google Chrome - 56.0.2924.87 Avast Safe Browser - 3.55.2393.527 Opera - 43.0.2442.1144 Opera Neon - 1.0.2459.0 Microsoft Edge - 38.14393.0.0 Internet Explorer - 11.576.14393.0 Mas apresenta mau funcionamento no Firefox - 51.0.1 A animação foi inspirada nesta: E o código é este: •index.html •style.css Alguém poderia me ajudar com o código ou dizer qual foi o erro que cometi que não fez que funcionasse cem por cento?
  8. Qual o nome da animação desse site: http://pt.wix.com/ Quando rolar a página para baixo a segunda página aparece por baixo.
  9. Olá, Gostaria de saber qual programa posso usar para fazer montagens de vídeos para redes sociais, Instagram e Facebook?? Neste caso além de efeitos nas imagens, o uso também de textos e fremes nos vídeos! Aguardo contato! Obrigado
  10. Fala galera, blz? Estou começando a estudar jquery para fazer uma basica animação no site que estou criando para o meu pai. A animação envolve fade de imagens (fadeIn, fadeOut) e uma movimentação básica. segue um exemplo do que eu quero fazer: 1 - primeiraParte entra com fade e sai com fade; 2 - segundaParte entra primeiro a imagem central, depois imageEsquerda e imagem direita (nessa ordem, ambas em fade); 3 - imagemEsquerda e imagemDireita se movem para baixo da imagem central; 4 - Saide em fade da segundaParte; Então, quais as funções tenho que estudar primeiro já que eu quero entregar isso para o meu pai? Ajuda também me passando assuntos de outros tópicos sobre o que irei ter que utilizar para tal feito. Obs.: Tenho experiencia apenas em html e css. Desde já agradeço! <div id="primeiraParte"> <img src="../Imagens/logo.png"> </div> <div id="segundaParte"> <div class="imagemEsquerda"> <img src="../Icons/esquerda.png"> </div> <div class="imagemCentral"> <img src="../Imagens/project.png"> </div> <div class="imagemDireita"> <img src="../Icons/direita.png"> </div> </div>
  11. Hey galera! Então, estou fazendo meu primeiro game (em Flash) já criei o design do cenário e o personagem, porem estou tendo dificuldades em fazer a animação de andar, programei a movimentação, mas não consigo faze-lo "dar passos".. Se alguém puder me ajudar ficarei grato!
  12. laerciocalheiros

    animaçoes

    Estou precisando de ajuda to criando um site e preciso fazer algumas animações nele preciso fazer uma animação tipo assim o texto começa em 0% ai vai mudando 1%, 5%, 80%, 94%... a outra animação é na borda pra simular que ela ta carregando,tipo ela vai virando um circulo completo quem souber fazer as animações me explica como faz por favor eu creio que a de mudar os números é com javascript
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.