Solucionado
Estou usando o Firefox 46.0, ele é compatível com a função animation, mas mesmo assim não está funcionando. Já pus o -moz- e mesmo assim não funciona. O código que usei foi o mesmo que aparece como resposta:
animation: aparece 2s;
@keyframes aparece {
0% {
opacity: 0;
transform: scale(0.001);
}
}Já tentei este código, código próprio, o prefixo -moz- e mudar de lugar no código, mas mesmo assim não funciona.
Oi Nicholas, tudo bem?
O animationé uma propriedade normal, como background ou color, logo você precisa colocar essa declaração dentro de uma regra CSS.
Por exemplo:
div {
animation: aparece 2s;
width: 150px;
height: 50px;
background: #c69;
}
@keyframes aparece {
0% {
opacity: 0;
transform: scale(0.001);
}
}Fiz esse JSBin aqui para você ver funcionando.
Espero ter ajudado,
Abcs!
Muito obrigado, era isso mesmo, não estava chamando ele dentro do campo onde gostaria de fazer a animação.