Glosario · Animación
Keyframe
Fotograma clave: un momento de la animación donde se define cómo se ve un elemento; entre dos keyframes el navegador calcula el movimiento.
En detalle
En una animación defines solo los momentos importantes (el elemento aparece, llega a su sitio, desaparece) y el navegador rellena lo que hay en medio. Esos momentos son los keyframes.
En CSS se escriben con @keyframes. Con JavaScript, la Web Animations API (elemento.animate()) acepta la misma lista de momentos y una duración, por ejemplo «mueve esto durante 0,6 segundos».
Ejemplo
@keyframes entra { from { opacity: 0 } to { opacity: 1 } }