Resultados da pesquisa a pedido "css-animations"
Animação CSS3 - ciclo infinito suave
Eu fiz uma pequena animação de fundo onde um div muda de cor ao longo do tempo. Ele funciona sem problemas, mas quando chega a 100%, ele pula direto para 0% ...
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 é ...
Animação SMIL SVG preterida substituída por efeitos de animações CSS ou Web (passe o mouse, clique)
De acordo com este tópico: Problemas do Firefox 38-40 SMIL - velocidade muito lenta (resolvida na versão 41 do FF a partir de ...
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á ...
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 ...
Transição CSS3: transição diferente para * IN * e * OUT * (ou retornando do estado de transição)
Pergunta original ... código de trabalho atualizado abaixo: Tenho uma imagem de carregamento que aparece durante um evento de carregamento do ajax. A imagem mostra / oculta adicionando ou removendo uma classe "loading" ao elemento body. ...
Como definir o nome dos quadros-chave em menos
Eu tento configurar este mixin LESS para keyframes de animação CSS:
Animações de desvanecimento CSS3
Eu estou tentando combinar 2 Animações CSS3 que aparecem e desaparecem. Alguém pode me ajudar com isso?Isto é o que eu tenho até agora -jsFiddle
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; ...