¿Por qué usamos fotogramas clave en CSS?

Los fotogramas clave se utilizan para animaciones CSS. Nos da más control de la animación que queremos realizar.

La @keyframes at @keyframes CSS controla los pasos intermedios en una secuencia de animación CSS mediante la definición de estilos para fotogramas clave (o puntos de referencia) a lo largo de la secuencia de animación. Esto proporciona más control sobre los pasos intermedios de la secuencia de animación que las transiciones.

Fuente y referencia: @keyframes

Lea más sobre animaciones CSS: uso de animaciones CSS

Feliz codificación 🙂

Antes de CSS3 estamos usando Flash como herramienta para crear imágenes animadas o elementos en una página web. Pero después de que se introducen los fotogramas clave, no necesitamos el flash.

1. Se utiliza principalmente para animar un div o párrafo o el lapso en el tiempo dado.
2. Y evita el uso de complementos Flash espeluznantes
3. Reduce el tiempo de carga (antes de cargar las imágenes gif y los archivos flash)

Y estas son todas las cosas principales por las que usamos Key Frames en CSS.

Espero haber respondido tu pregunta. Que tengas un gran día. :pags

En CSS, las reglas de fotogramas clave especifican el código para crear animaciones.

// fotograma clave de muestra llamado mymove
@keyframes mymove {
// selectores
0% {top: 0px; fondo: rojo; ancho: 100px;}
100% {superior: 200 px; fondo: amarillo; ancho: 300px;}
}

Usando los fotogramas clave para la animación en CSS

{
animación: mymove 5s infinite;
}

Consulte estos ejemplos en MDN: @keyframes y CSS3 @keyframes Rule. Le digo que consulte estos sitios web porque han proporcionado buenos ejemplos que lo ayudarán a comprender mejor.

Si tiene alguna consulta, hágamelo saber. Happy Coding 🙂

Buena pregunta amigo.

Básicamente para dividir la página en varias páginas. En los viejos tiempos se utiliza para aplicaciones de una sola página.

Por ejemplo: un sitio web de reproductor de video. En un cuadro se enumerará la lista de videos y en otro cuadro para reproducir el video usando la etiqueta de destino . Pero hoy en día se mejoran las tecnologías que todavía no estamos usando frame, excepto en el peor de los casos.