Resultados da pesquisa a pedido "css-animations"
-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 ...
Transforme a origem em SVGs no Firefox
Eu sou novo em animar SVGs e me deparei com um problema que parece acontecer apenas no Firefox. Eu criei uma animação aqui - http://codepen.io/iamali/pen/txvpo [http://codepen.io/iamali/pen/txvpo]- de uma cena do céu. O sol deve girar e ...
Girador CSS3, pré-carregador
Eu gostaria de criar um spinner animado com CSS3. Deve se comportar assim: Após o último estado, ele deve começar novamente como no primeiro estado. Consegui criar círculos usando a técnica explicada aqui:pergunta ...
Animação do Firefox não inicia no estilo de exibição de alternância
Violinohttp://jsfiddle.net/B9h8y/1/ [http://jsfiddle.net/B9h8y/1/] No chrome, quando clico no documento, a animação é executada. No Firefox não. Por que o firefox não aciona animações css quando a tela está definida para bloquear como no ...
Criar um loop usando SCSS para alterar imagens de fundo com CSS3 animado?
Eu criei o início de uma animação CSS3, como mostrado abaixo. Eu tentei usar @for e @each dentro do SCSS para criar um loop que aumentará os% 's e também o número de cada imagem de plano de fundo. Meu conhecimento sobre SCSS avançado como esse é ...
Eu fiz uma animação com CSS (transformação) e ela redefine quando a animação termina
Eu tenho a seguinte estrutura, e meu problema é que, quando a animação termina que está sendo substituída, basta reiniciar, e eu queria saber se existe alguma maneira de parar e esperar no finle enquanto pairava, obrigado, aqui está ...
Testar se a aceleração de hardware foi ativada para uma animação CSS?
Como posso eu saber(para fins de teste) se a aceleração de hardware foi ativada para uma animação CSS? Eu tenho o código a seguir que essencialmente amplia um elemento e o torna em tela cheia (sem usar a API de tela cheia HTML5). Ele funciona ...
Suavização de animação CSS do Firefox (suavização de sub-pixel)
Estou criando uma animação de quadro-chave CSS para que um elemento apareça como se estivesse flutuando casualmente / lentamente um pouco. Está aninhado nos pais, um que usa translateX () para movê-lo lentamente para a esquerda e para a direita e ...
Animação CSS: Efeito de incremento numérico
Estou querendo obter esse efeito de animação quando os números mudam rapidamente, por exemplo:http://jsbin.com/kevalutupe/1/ [http://jsbin.com/kevalutupe/1/] Estou querendo fazer esse CSS sozinho (eu sei como codificá-lo em JS), não quero usar ...
translate3d entre 0% e% negativo no IE10
Eu tenho um elemento que precisa animar a esquerda e a direita para a quantidade de 50% de sua largura total. Eu fiz isso com a seguinte marcação (simplificada): <div class="wrapper"> <div class="inner">Inner</div> </div>E estilo: .wrapper { ...