Resultados da pesquisa a pedido "css-animations"
A transição CSS ignora a largura
Eu tenho uma tag que é exibida como um bloco. No carregamento da página, sua largura é aumentada em um cssanimaçãode zero a uma porcentagem da div que contém (o violino contém um MWE, mas há mais de um link nessa div, cada um com uma largura ...
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 ...
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 ...
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 ...
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 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> ...
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 ...
Controle deslizante CSS com setas usando animação
Eu estou tentando alcançar um controle deslizante apenas CSS. Quandohoversetas esquerda e direita, o controle deslizante devedeslizar. Claro. Eu tentei algo usandoanimation-play-state, animation-fill-mode (para manter as posições) ...
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 ...