Resultados da pesquisa a pedido "css-animations"
animação de transição css3 em carga?
É possível usar animação de transição CSS3 no carregamento da página sem usar Javascript? Este é o tipo de coisa que eu quero, mas no carregamento da página: http: ...
Alterando a imagem de fundo com animações CSS3
Por que isso não está funcionando? O que estou fazendo de errado CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { ...
Por que a animação -moz-animation não está funcionando?
O CSS a seguir funciona bem no Webkit. Não o verifiquei no Opera, mas sei que não está funcionando no Firefox. Alguém pode me dizer por quê? As classes corretas estão definitivamente sendo aplicadas ao meu HTML (inspecionei-o com o Firebug e ...
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); ...
Animação contínua de rotação CSS ao passar o mouse, animada de volta a 0deg ao passar o mouse
Eu tenho um elemento que gira quando você passa o mouse indefinidamente. Quando você passa o mouse, a animação para. Simples @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } ...
Como adicionar o manipulador de eventos CSS AnimationEnd ao widget GWT?
Gostaria que meu widget GWT fosse notificado quando seuCSS animation [https://developer.mozilla.org/en/CSS/CSS_animations] está acabado Em HTML / Javascript simples, isso é feito facilmente, registrando um manipulador de eventos da seguinte ...
xecute a animação CSS3 apenas uma vez (no carregamento da págin
Estou criando uma página de destino simples, orientada por CSS3. Para fazer com que pareça incrível, há um<a> aparecendo: @keyframes splash { from { opacity: 0; transform: scale(0, 0); } 50% { opacity: 1; transform: scale(1.1, 1.1); } to { ...
css3 crossfade de imagem (sem javascript)
Tenho certeza de que é possível fazer um crossfade de imagem apenas em CSS usando os novos recursos de animação em CSS. Meus requisitos são que ele funcione para um número arbitrário de imagens sem javascrip Alguém sabe como é feito? Como ...
Transição CSS3: transição diferente para * IN * e * OUT * (ou retornando do estado de transição)
Pergunta original ... código de trabalho atualizado abaixo: Tenho uma imagem de carregamento que aparece durante um evento de carregamento do ajax. A imagem mostra / oculta adicionando ou removendo uma classe "loading" ao elemento body. ...
sando animações CSS3 no IE9
Estive tentando fazer com que essas animações css3 funcionem no IE9 há algumas horas hoje e estou perplex Eu tentei implementar alguns fallbacks de JavaScript, mas meu conhecimento é muito limitado e eles falharam. Não tenho certeza se houve ...