Resultados da pesquisa a pedido "css-animations"
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: ...
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 ...
Como parar a animação do quadro-chave exatamente após 1 segundo sem usar o setTimeout? - Eventos problemáticos na fila
Eu acho que esse será um problema realmente difícil de resolver ... Eu criei um velocímetro que mostra o número de terremotos ocorridos na minha cidade. Quero animar esse velocímetro de duas maneiras:background-color (verde quando não há ...
Por que minha animação de quadro-chave para cores de link não funciona no Chrome?
Usando@keyframes (eanimation) para animara cor não funciona no Chrome. Demo:https://jsfiddle.net/ed3pypwr/ [https://jsfiddle.net/ed3pypwr/] No Chrome, o link permanece azul. No Firefox, ele passa de vermelho para verde, conforme o esperado. Com ...
Animação SMIL SVG preterida substituída por efeitos de animações CSS ou Web (passe o mouse, clique)
De acordo com este tópico: Problemas do Firefox 38-40 SMIL - velocidade muito lenta (resolvida na versão 41 do FF a partir de ...
Problema ao usar transições + alteração de opacidade + estouro oculto
Se você vir o exemplo de código que compartilhei, poderá ver a sobreposição fora da caixa. Eu rastreei a questão até otransition atributo. Quero remover o conteúdo fora da div. O estouro não está funcionando como deveria. (removendotransition ...
Atraso na animação CSS3 de fade in & out infinita
Estou trabalhando no seguinte: Código do violino [http://jsfiddle.net/geargio72/L8Lktfsy/] Aqui está o HTML: <div id="animation"> <ul> <li>this is</li> <li>CSS3 looped</li> <li>animation</li> </ul> </div>Este é o CSS: #animation { height: ...
Animação CSS instável com raio de borda no Internet Explorer
No Internet Explorer, essa animação parece balançar. Eu estava lendo a resposta paraessa questão [https://stackoverflow.com/questions/23566831/internet-explorer-11-wobbly-css3-animation] e eles fizeram parecer que é possível consertar. Não posso ...
Animação de rotação SVG com falha no IE e FF
Estou trabalhando para criar um elemento giratório de carregamento simples com SVG. Funciona excelentemente no Chrome, mas não em outros navegadores. No IE, a animação não funciona. Mais preocupante, no FF, a animação funciona, mas a rotação não ...
Como animar a forma do caminho sem usar o SMIL?
O trecho abaixo mostra o que eu quero fazer. Mas existem alguns problemas: Como fazer essa animação sem usar o SMIL? O SMIL foi descontinuado e possui um suporte incorreto ao navegador.Como fazer o caminho preto atravessar a extremidade direita ...