Resultados da pesquisa a pedido "css-animations"
Visibilidade pura da animação CSS com atraso
Estou tentando implementar alguma animação onLoadsem Javascript. JS é fácil, CSS é ... não. eu tenho umdiv que deveria estar emdisplay: none; e deve serdisplay: block; depois de 3 segundos. Muitos recursos me disseram que o Animate não ...
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: ...
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 ...
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 ...
Como criar efeito de rejeição CSS3
Estou tentando criar um efeito de rejeição no final da animação sem usar nenhum código ou javascript de terceiros. Não faço ideia de como fazer isso usando apenas CSS puro. Aqui está o que eu tenho até agora: HTML: <div></div> <div></div> ...
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 { ...
Como fazer uma animação de rotação de borda tracejada suave como 'formigas em marcha'
Estou trabalhando em uma animação css que usa 'engrenagens e correntes', mas não consigo criar uma sequência de rotação de borda 'suave'. Você pode ver nesteviolino [http://jsfiddle.net/5n56dn5b/14/]Como (atualmente) estou usando um pseudo ...
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 ...
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 ...
Sass Keyframes animação mixin gerando CSS inválido
Eu tenho os seguintes quadros-chave mixin, mas parece ser gerado CSS inválido: @mixin keyframes($animationName) { @-webkit-keyframes $animationName { @content; } @-moz-keyframes $animationName { @content; } @-o-keyframes $animationName ...