Resultados da pesquisa a pedido "css-animations"
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 ...
Desativar animação CSS no pseudo elemento herdado do pai
O título praticamente diz tudo, mas aqui está um exemplo. Digamos que eu tenho um CSS 'loading spinner' como abaixo: .spinner { height: 50px; width: 50px; position: relative; animation: rotate .6s infinite linear; border-left: 6px solid #222; ...
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 ...
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 ...
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 ...
Mantenha a direção da sombra da caixa consistente ao girar
Ao dar p. Ex. uma<div> uma sombra de caixa e sua rotação causam uma rotação da direção da sombra de caixa - o que é problemático quando a sombra de caixa deve criar uma ilusão de iluminação. Exemplo:https://jsfiddle.net/5h7z4swk/ ...
SVG. Inverter imagem usando css. Mantenha a imagem no mesmo local
Aqui está um exemplo de codepenhttps://codepen.io/yury-leonov/pen/rZxxQE [https://codepen.io/yury-leonov/pen/rZxxQE] Código do exemplo: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: ...
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 ...
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 ...
Como criar uma animação pulsante de anel luminoso em CSS?
Eu gosto do jeito que issolocal na rede Internet [http://emcsecurity.com/] fizeram seus anéis brilharem e pulsarem e gostariam de saber como eles fizeram isso. Eu posso fazer algo parecido, mas não sou muito bom. Então, isso foi tudo o que ...