CSS Animatable
Definição e uso
Algumas propriedades CSS são animáveis , o que significa que podem ser usadas em animações e transições.
As propriedades animáveis podem mudar gradualmente de um valor para outro, como tamanho, números, porcentagem e cor.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total a animações CSS.
Números seguidos por -webkit-, -moz- ou -o- especificam a primeira versão que funcionou com um prefixo.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Exemplo
Animar a cor de fundo de vermelho para azul:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Propriedades animáveis
Estas propriedades são animáveis em CSS: