Atributo animation-name CSS

Definición y uso

animation-name La propiedad especifica el nombre del animation @keyframes.

Comentarios:Siempre especifique animation-duration Si no se especifica la propiedad, la duración será 0 y no se reproducirá la animación.

Véase también:

Tutoriales de CSS3:Animación de CSS

Manual de referencia de HTML DOM:Atributo animationName

Ejemplo

Asigna un nombre a la animación @keyframes:

div
{
animation:mymove 5s infinite;
}

Prueba tú mismo

Sintaxis de CSS

animation-name: keyframename|none;

Valor del atributo

Valor Descripción
keyframename Define el nombre del keyframe al que se debe asociar el selector.
none Define la ausencia de efecto de animación (puede usarse para cubrir animaciones de la cadena).

Detalles técnicos

Valor por defecto: none
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.animationName="mymove"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Con los números precedidos por -webkit-、-moz- o -o-, se indica la primera versión que utiliza el prefijo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-