Resultados da pesquisa a pedido "css-transitions"
Posso animar o elemento posicionado absoluto com a transição CSS?
Quero animar a mudança de posição de um elemento com a transição CSS, mas ele não está funcionando mesmo quando eu uso a transição emall propriedades, como no exemplo aqui:http://jsfiddle.net/yFy5n/3/ [http://jsfiddle.net/yFy5n/3/] No entanto, ...
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 ...
Alterar a cor de fundo a cada 30s (transição de desbotamento)
Gostaria que alguém me dissesse qual é o código para fazer com que a cor de fundo de uma página da Web (a cor de fundo de toda a página) mude (transição de desbotamento) a cada 30 anos para uma determinada variedade de cores. É simples? Eu acho ...
Transição CSS com visibilidade não funcionando
No violino abaixo, eu tenho uma transição sobre visibilidade e opacidade separadamente. O último funciona, mas o primeiro não. Além disso, em caso de visibilidade, o tempo de transição é interpretado como atraso ao passar o mouse. Acontece no ...
Qual é a combinação certa de prefixos para transições e transformações CSS?
Qual seria a maneira correta de prefixar esse CSS para cobrir a maior variedade de navegadores e versões? Versão 1: -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: ...
Como criar efeito de rejeição CSS3
Estou tentando criar um efeito de rejeição no final da animação sem usar nenhum código ou javascript de terceiros. Não faço ideia de como fazer isso usando apenas CSS puro. Aqui está o que eu tenho até agora: HTML: <div></div> <div></div> ...
Faixa de rolagem infinita suave [somente CSS]
Procurando otimizar esse efeito de rolagem infinita, no entanto, não tenho muita certeza de como criar uma transição suave ao retornar à imagem original. Aos 10 anos é quase imperceptível, no entanto, aos 30 é mais evidente. Estou assumindo que ...
CSS como fazer um elemento desaparecer e desaparecer?
Eu posso criar um elemento com uma opacidade zero, alterando sua classe para .elementToFadeInAndOut com o seguinte css: .elementToFadeInAndOut { opacity: 1; transition: opacity 2s linear; }Existe uma maneira de fazer o elemento desaparecer ...
transição de colapso não funciona com o Bootstrap da interface do usuário da angular
Estou tentando criar uma div que irá mostrar / ocultar quando um botão for clicado. oPágina de Bootstrap da interface do usuário [https://angular-ui.github.io/bootstrap/]mostra um bom exemplo simples que usa uma transição de css. Aqui está o ...
transição de escala de matriz não está funcionando
Eu tenho que usar a matriz de transformação para animar transform: scale de um elemento. Quero escalar de 0 a 1. Se eu usar o seguinte código, ele funcionará corretamente: .container { width: 200px; height: 100px; background: yellow; ...