Resultados da pesquisa a pedido "css-animations"

3 a resposta

CSS3 - animar texto alinhar à esquerda / centro / direita

eu tenhouma linha (sem quebra)texto dentro da largura total div. É possível animar este elementotext alignment para que o texto se mova para um dado lado / centro - eu sei que posso medir a largura e usarrelative/absolute positioning, mas não ...

1 a resposta

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 ...

1 a resposta

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 ...

1 a resposta

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 ...

2 a resposta

as propriedades esquerda e superior não são animadas

Na animação abaixo, a transformação é animada corretamente, mas as propriedades esquerda e superior não. Por que é isso? .element-animation { background-color: yellow; width: 30px; height: 30px; animation: animationFrames ease 2s; ...

2 a resposta

Animação CSS e Jquery

O que estou tentando alcançar é esta animação O link para a animação éDesign material [http://www.polymer-project.org/components/core-animated-pages/demos/music.html] O que estou perdendo? Como posso obter o resultado acima ...

1 a resposta

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 é ...

1 a resposta

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 ...

1 a resposta

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á ...

5 a resposta

Reproduza várias animações CSS ao mesmo tempo

Como posso ter duas animações CSS em execuçãoem velocidades diferentes? A imagem deve estar girando e crescendo ao mesmo tempo.A rotação irá alternar a cada 2 segundos.O crescimento mudará a cada 4 segundos.Código de exemplo: .image { position: ...