Un fotograma clave marca el aspecto que debe tener una animación en un momento determinado. En una animación web, puedes definir una apariencia al principio y otra al final. El navegador completa el movimiento entre ambas.
Imagina dibujar una pelota en lo más alto y lo más bajo de un salto; los dibujos intermedios crean el movimiento. En CSS, la regla `@keyframes` describe esos momentos y también puede incluir uno intermedio. Los fotogramas clave no tienen que ser dibujos reales: pueden describir cambios de tamaño, color, posición u otras propiedades visuales.