Resultados da pesquisa a pedido "css-animations"
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 ...
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 ...
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 ...
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 { ...
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); ...
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; ...
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 ...
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 ...
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 { ...