Resultados da pesquisa a pedido "css-animations"
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 ...
Interromper a reprodução da animação quando o pai alternar da exibição: nenhum para bloquear
Eu tenho um conjunto de guias que cada um contém um elemento filho que anima. O que acontece quando clico em cada guia é que a animação do elemento filho dentro da guia é executada. Eu não quero que ele corra. Quero que a animação seja executada ...
Largura automática da transição CSS
Eu tenho um elemento cuja largura eu gostaria de animar quando o conteúdo é alterado. Temwidth: auto, e isso nunca muda. eu tenho vistoesse truque [https://stackoverflow.com/a/8331169/4414003], mas isso é para fazer a transição entre dois valores ...
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 ...
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 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) ...
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á ...
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); ...
Como parar a transição de CSS3
Eu quero parar uma transição que está em andamento.Eu encontrei algumas referências [1] [2] espalhadas pela internet, mas não consigo juntar as referências.A...