Resultados da pesquisa a pedido "css-animations"

2 a resposta

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

2 a resposta

Animar transformar apenas uma propriedade (escala) substituir outra (traduzir)

O problema é que otransform valor da propriedade tem várias partes comotranslate, scale etc. Esta é uma pergunta teórica sobre elemento, vamos.loader isso temtransform:translate(10px, 10px) e na animação eu quero animar oscale propriedade. Nesse ...

2 a resposta

Como animar a alternância de linhas da tabela?

Quero animar a aparência e o desaparecimento das linhas da tabela. Primeiro de tudo, tentei usar um CSStransição, mas não fez nada devido à alteração dodisplay propriedade. Então eu usei umanimação, que funciona conforme o esperado. O problema ...

1 a resposta

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

1 a resposta

Animação CSS: funciona no Chrome, mas não no Firefo

Na rotação de animação, funciona no Chrome, mas não no Firefox. Por quê @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); ...

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

1 a resposta

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

3 a resposta

Objeto animado no caminho curvo

Eu só quero animar minha imagem através do caminho curvo. Assim. (Estou usando posição absoluta para posicionamento.) Pesquisei e descobri que a transformação css pode fazer o trabalho. Isso pode ser feito facilmente por linha reta. Mas caminho ...

1 a resposta

O aliasing de texto do Webkit fica estranho durante as animações CSS3

5 a resposta

xecute a animação CSS3 apenas uma vez (no carregamento da págin

Estou criando uma página de destino simples, orientada por CSS3. Para fazer com que pareça incrível, há um<a> aparecendo: @keyframes splash { from { opacity: 0; transform: scale(0, 0); } 50% { opacity: 1; transform: scale(1.1, 1.1); } to { ...