CSS Animação
Definição e Uso
Algumas propriedades CSS pode ser animado, o que significa que pode ser utilizado para animações e transições.
propriedades de animação pode ser gradualmente alterado de um valor para outro, como tamanho, número e percentagem de cor.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão do método.
Imediatamente após o número -webkit-, -moz-, ou O- especifica o primeiro navegador que suporta esta versão atributo prefixo.
4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -o- |
Exemplos
A cor do fundo muda gradualmente a partir de vermelho para azul:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
tente »
propriedades de animação
propriedades de animação CSS: