Resultados da pesquisa a pedido "css-animations"
problemas de origem de transformação svg no firefox
desculpe meu péssimo inglês. Estou tendo um problema quando quero animar um SVG no firefox. O problema vem do exemplo "transform-origin" do meu código: http://codepen.io/anon/pen/JbOamB [http://codepen.io/anon/pen/JbOamB]O problema é que, no ...
Por que essa animação CSS3 não funciona no MS Edge ou IE11?
Aqui está oviolino [https://jsfiddle.net/vgh1xhbq]e abaixo está o código CSS (o HTML é apenas uma elipse SVG). Funciona no Chrome, Firefox e Opera, mas não funciona no IE e Edge. O que fazer para ver a animação no IE e Edge? #my-circle { stroke: ...
Objeto animado no caminho curvo
Eu só quero animar minha imagem através do caminho curvo. Assim. (Estou usando posição absoluta para posicionamento.) Pesquisei e descobri que a transformação css pode fazer o trabalho. Isso pode ser feito facilmente por linha reta. Mas caminho ...
controle deslizante de loop infinito usando quadros-chave css3
Eu estava fazendo um controle deslizante usando quadros-chave css3. Não quero que meu último slide salte diretamente para o primeiro slide. Encontrei algumas questões relacionadas a ele e achei que duplicar o primeiro truque de ...
Parando uma animação CSS3 no último quadro
Eu tenho uma animação CSS3 de 4 partes sendo reproduzida com um clique - mas a última parte da animação serve para tirá-la da tela. No entanto, ele sempre volta ao seu estado original após ser reproduzido. Alguém sabe como eu possopare em seu ...
Acionar animações CSS em JavaScript
Não sei como usar o JQuery, por isso preciso de um método que possa disparar uma animação usando apenas JavaScript. Preciso chamar / acionar animação CSS quando o usuário rola a página. Por favor me ajude a sair deste problema. <html> <head> ...
Como manter a origem no centro da imagem na animação em escala?
Eu tenho uma situação semelhante a estaviolino [https://jsfiddle.net/ddvn3p1h/3/], onde eu tenho uma animação CSS3 que dimensiona um elemento com posição absoluta no centro de outro elemento. No entanto, quando a animação ocorre, ela fica ...
-webkit-animation-play-state não está funcionando no Chrome
Eu configurei um JSFiddle simples para ilustrar o problema: onde está o estado de pausa? [http://jsfiddle.net/4Rv9y/] Alguém pode me dizer por que o Safari mostra o elemento animado em um estado de pausa, como esperado, mas no Chrome a animação ...
Alteração: passe o mouse para tocar / clicar em dispositivos móveis
Eu dei uma olhada ao redor, mas não consigo encontrar o que estou procurando. Atualmente, tenho uma animação css na minha página, que é acionada por: hover. Gostaria que isso mudasse para 'clique' ou 'toque' quando a página for redimensionada ...
Aplicando CSS em elementos de tela desenhados
É possível aplicar animações CSS (no meu caso, um efeito brilhante) a um círculo desenhado em uma tela por javascript? Estou usando esta diretiva ...