Search the Community
Showing results for tags 'animation'.
Found 6 results
-
Consegui resolver o problema, por favor podem deletar o tópico.
-
CSS Animation - DIV from top:200px to top:0px
Carlos Web Soluções Web posted a topic in HTML e CSS
Eu preciso de alguma ajuda para resolver algumas dúvidas !! Se puder me ajudar eu agradeço !! Primeiro visite o link: http://terezanininha.com.br/CSS/Animations/Pagina_1_TryIt_3.html Veja o 'Código Fonte' pelo navegador !! O que estou tentando fazer ?? Eu quero que o elemento div, faça movimento de animation, vindo from {top:200px} to {top:0px} e paralisar no topo !! Neste exemplo, eu encontrei dois erros: - Primeiro Erro: Quando o div automaticamente começa a se movimentar, seu eu colocar o mouse sobre ele, antes de terminar o movimento, o div dá uma pulada direto para o topo !! "Eu não quero isso" !! Eu quero que se eu colocar o ponteiro do mouse sobre o div, que ele não dê esta subida repentina para o topo !! Que faça o movimento para o topo sem interrupção, mesmo se antes eu puser o ponteiro do mouse !! - Segundo Erro: Depois que o div cheguar ao topo, Se eu colocar o mouse nele, o fundo muda de cor, por animation ! Mas após isso, quando eu retiro o ponteiro do mouse, o div novamente cai para top:200px e começa o movimento para top:0px novamente ! O que eu quero é: que o div mova somente "uma vez" and "pare" em top:0px !! Depois de parar em top:0px, que fique intacto pra sempre e apenas faça o movimento de mudar a cor do fundo com o passar do mouse !! I tentei procurar na internet mas não achei algo que resolvesse esses dois problemas descritos acima ! Se possível, alguém poderia me dar uma ajuda testada que realmente funcione ?? Agradecido Carlos -
Boa noite pessoal, minha dúvida é bem simples. Queria saber como uso transitions/animations no Vue, sem precisar do v-if. Se é que é possível. Em minha aplicação utilizo Vue com o Bootstrap e queria utilizar as animações nos menus Dropdown, tipo clica no botão e o dropdown aparece com alguma animação, em seguida ele some com outra animação. Alguém sabe como? Agradeço.
-
- vue
- transition
-
(and 3 more)
Tagged with:
-
css Slider com legenda animada
Pitter Rezende da Silva posted a question in Perguntas e respostas rápidas
Boa galera! Estou com a seguinte situção: Criei um slider com paragrafo na imagem e coloquei animação nos parágrafos com o animate.css... Então cada vez que a página inicial é carregada a animação do parágrafo é executada, porém no slider são 3 imagens e ao voltar para a imagem que configurei o parágrafo a animação não acontece novamente. Como faço para a animação ser repetida toda vez que o slider for mostrado sem que seja preciso recarregar a página. Anexei os arquivos da Index e do estilo, porém não anexei os arquivos do animate pois são muitos. index.html estilo.css -
Olá, tudo bem? Estou criando um site de portfólios e criei um mansonry em que a imagem, quando esta em estado hover, aparece uma div sobre ela, fazendo um overlay. Segue o meu código: https://jsfiddle.net/mruoppolo/6yb9w4jf/ Ele até adiciona a classe transition no estado hover, porém o fade não acontece. Saberia me explicar o motivo?? Obrigado :D
-
Boa tarde. Estou com um pequeno problema na animation do css. Estou utilizando 3 keyframes diferentes para fazer uma animação, entretanto quando acabar esses 3 keyframes gostaria de repeti-los exatamente na mesma ordem. Se coloco a propriedade a animation-iteration-count como infinite ele fica completamente louco. Veja o exemplo no link: https://jsfiddle.net/4pnquy2p/1/ Deixo meu obrigado desde já! :)