Resultados da pesquisa a pedido "css-animations"

1 a resposta

Faixa de rolagem infinita suave [somente CSS]

Procurando otimizar esse efeito de rolagem infinita, no entanto, não tenho muita certeza de como criar uma transição suave ao retornar à imagem original. Aos 10 anos é quase imperceptível, no entanto, aos 30 é mais evidente. Estou assumindo que ...

1 a resposta

A remoção de um item faz com que o React remova o último nó DOM, em vez do nó associado a esse item

Eu estava tentando animar a inserção e remoção da lista com o ReactCSSTransitionGroup, mas a animação da remoção sempre anima apenas o último item da lista, em vez daquele que está sendo removido. Aqui está um jsbin para ilustrar esse ...

1 a resposta

animação de quadro-chave não funciona no safari para iOS

Todos os navegadores (chrome, ie, firefox, safari) no Windows mostram a animação como deveriam. Quando eu tentei no meu iphone, a animação não funcionaria. Alguma idéia do porquê? Aqui está o meu CSS: #rotatingDiv { position: relative; z-index: ...

1 a resposta

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

1 a resposta

Por que minha animação de quadro-chave para cores de link não funciona no Chrome?

Usando@keyframes (eanimation) para animara cor não funciona no Chrome. Demo:https://jsfiddle.net/ed3pypwr/ [https://jsfiddle.net/ed3pypwr/] No Chrome, o link permanece azul. No Firefox, ele passa de vermelho para verde, conforme o esperado. Com ...

1 a resposta

Expanda círculos sequencialmente usando CSS

Eu tenho um mostrador de círculos que quero que apareça em ordem após 1 segundo; portanto, aumente o primeiro para o tamanho original a partir de zero; depois de 1 segundo, o segundo, depois de 1 segundo, o terceiro etc. etc. (o círculo precisa ...

1 a resposta

A animação CSS Keyframe interrompe a transição quando ambos são aplicados na mesma propriedade

Eu tenho um comportamento estranho ao adicionar uma animação CSS em cima da transição para um elemento da barra de progresso: a transição simplesmente para de ser executada. Não sei por que não posso ter os dois, uma animação inicial e a ...

1 a resposta

A animação CSS3 não está funcionando no IE11, mas funciona em outros navegadores

Eu criei uma animação CSS3 em um botão. No momento, ele funciona perfeitamente em qualquer lugar, exceto o IE. Eu sei que não funcionará bem nas versões mais antigas do IE, mas pelo menos esperava que funcionasse no IE11. Eu criei um violino ...

1 a resposta

Criar e aplicar dinamicamente animações CSS3

o.animate() A função jQuery não permite que todas as propriedades de animação CSS3 sejam animadas (por exemplo,background-color) Existe uma maneira padrão e agradável de criar, aplicar e remover dinamicamente animações CSS3 aos elementos da ...

1 a resposta

A posição de segundo plano não funciona com animação CSS e gradiente linear

Estou tentando usar CSS3 (gradientes e animações) para fazer uma animação semelhante ao slide do iphone para desbloquear o gradiente. No entanto, por algum motivo, a posição de segundo plano só funciona quando eu uso números de pixels estáticos e ...