Resultados da pesquisa a pedido "css-animations"
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á ...
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: ...
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 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 ...
controle deslizante de loop infinito usando quadros-chave css3
Eu estava fazendo um controle deslizante usando quadros-chave css3. Não quero que meu último slide salte diretamente para o primeiro slide. Encontrei algumas questões relacionadas a ele e achei que duplicar o primeiro truque de ...
Como manter a origem no centro da imagem na animação em escala?
Eu tenho uma situação semelhante a estaviolino [https://jsfiddle.net/ddvn3p1h/3/], onde eu tenho uma animação CSS3 que dimensiona um elemento com posição absoluta no centro de outro elemento. No entanto, quando a animação ocorre, ela fica ...
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 ...
Acionar animações CSS em JavaScript
Não sei como usar o JQuery, por isso preciso de um método que possa disparar uma animação usando apenas JavaScript. Preciso chamar / acionar animação CSS quando o usuário rola a página. Por favor me ajude a sair deste problema. <html> <head> ...
Por que essa animação CSS3 não funciona no MS Edge ou IE11?
Aqui está oviolino [https://jsfiddle.net/vgh1xhbq]e abaixo está o código CSS (o HTML é apenas uma elipse SVG). Funciona no Chrome, Firefox e Opera, mas não funciona no IE e Edge. O que fazer para ver a animação no IE e Edge? #my-circle { stroke: ...
animação angular 2 vs animação css - quando usar o que?
Atualmente, estou experimentando a animação do angular2 e queria saber qual vantagem específica eles trazem sobre as animações / transições CSS padrão. por exemplo. um cartão típico de material projetado e efeitos de foco com as sombras da ...