Articles of animação

Como faço para alterar a imagem de fundo usando animação jQuery?

Eu quero mudar a imagem de fundo usando animação lenta, mas não está funcionando $(‘body’).stop().animate({background:’url(1.jpg)’},’slow’); Há algo de errado com a syntax !!

Como animar texto manuscrito na página da web usando SVG?

Eu estou tentando animar um texto que criei e salvei como SVG. Até agora consegui animar apenas o golpe, mas não é o que estou tentando alcançar. Aqui está o link para o exemplo que eu preciso: [http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] Eu realmente aprecio se alguém puder explicar como eu posso implementar isso. Aqui está o que […]

Como reverter uma animação no mouse depois de passar o mouse

Então, é possível ter uma animação reversa no mouse, como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mas, ao usar a animação @keyframes, não consegui fazê-lo funcionar, por exemplo: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } Qual é […]

Como posso animar vários elementos sequencialmente usando jQuery?

Eu pensei que seria simples, mas ainda não consigo fazer funcionar. Ao clicar em um botão, quero que várias animações aconteçam – uma após a outra – mas agora todas as animações estão acontecendo ao mesmo tempo. Aqui está o meu código – alguém pode me dizer onde estou indo errado ?: $(“.button”).click(function(){ $(“#header”).animate({top: “-50”}, […]

Animações CSS com atraso para cada elemento filho

Eu estou tentando criar um efeito em cascata, aplicando uma animação para cada elemento filho. Eu queria saber se existe uma maneira melhor de fazer isso do que isso: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } […]

Duração de animação de linha UITableView e retorno de chamada de conclusão

Existe uma maneira de especificar a duração das animações de linha do UITableView ou de obter um retorno de chamada quando a animação é concluída? O que eu gostaria de fazer é piscar os indicadores de rolagem após a conclusão da animação. Fazer o flash antes disso não faz nada. Até agora, a solução que […]

Animação no notebook iPython

Eu estou tentando colocar animações em um notebook iPython e não estou encontrando uma solução. Eu vi um post que discutia usando widgets interativos, mas há alguns problemas que eu tenho com isso: Primeiro, todo exemplo que eu vejo com widgets usa um controle deslizante ou alguma outra input, enquanto eu só quero que a […]

Como fazer a execução pausar, dormir, esperar por X segundos em R?

Como você pausa um script R por um número especificado de segundos ou milissegundos? Em muitos idiomas, há uma function sleep , mas o ?sleep referencia um dataset. E ?pause e ?wait não existem. O objective pretendido é para animações automáticas. A solução desejada funciona sem solicitar a input do usuário.

Como fazer um enredo animado no matlab

Eu queria saber se alguém sabia como fazer um gráfico de animação de x = (dataset de 1000 pontos) y = (dataset de 1000 pontos) plot (x, y) Um grande problema são os conjuntos de dados que estou tentando plotar, ou as coordenadas x, y, em oposição a uma function que eu saberia traçar por […]

Como faço para acionar novamente uma animação CSS do WebKit via JavaScript?

Então, eu tenho essa -webkit-animation : @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } E algumas CSS definindo algumas das regras de animação na minha box : #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } […]