Inicio·Propiedades CSS

animation-name

Transformación y movimiento

El nombre de los fotogramas clave.

Cómo se escribeanimation-name: none;
Valores habitualesnone, spin, fade-in
Se heredaNo, se queda en este elemento
Forma parte deanimation
CategoríaTransformación y movimiento

Cómo leerlo

  • Una propiedad heredada basta escribirla en el padre: todos los hijos la reciben. Casi todas las de texto funcionan así.
  • Un atajo reinicia lo que omites. Escribir solo background: red borra también la imagen de fondo puesta antes.
  • Cuando dos reglas chocan gana el selector más específico; solo con igual especificidad decide el orden.
  • Anima transform y opacity para que sea suave. Cambiar width o top obliga a recalcular la maquetación.

Preguntas frecuentes

Q. ¿Qué es la propiedad CSS animation-name?

El nombre de los fotogramas clave.

Q. ¿Cómo se escribe animation-name?

Así: animation-name: none; Valores habituales: none, spin, fade-in.

Q. ¿Se hereda animation-name?

No. Solo se aplica donde la escribes, así que cada elemento necesita la suya.

Q. ¿Qué atajo define animation-name?

animation lo define en una línea.

Propiedades del mismo grupo

Documentación