animation-name

Experimental

Esta es una tecnolog铆a experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producci贸n.

Resumen

La propiedad CSS animation-name especifica una lista de animaciones que se deben aplicar al elemento seleccionado. Cada nombre indica un @keyframes esta regla define los valores de las propiedades de la secuencia de animaci贸n.

A menudo es conveniente utilizar la propiedad abrevieda animation para ajustar todas las propiedades de animaci贸n a la vez.

Valor inicialnone
Applies totodos los elementos y los pseudoelementos ::before y ::after
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis

Sintaxis formal: 
[ (en-US) none | (en-US) <keyframes-name> ] (en-US)# (en-US)

where
<keyframes-name> = <custom-ident> (en-US) | (en-US) <string> (en-US)

animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;

animation-name: test1;
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;

animation-name: initial;
animation-name: inherit;
animation-name: unset;

Valores

<single-animation-name> es una de las siguientes palabras clave:

none
Es una palabra clave especial que denota que no hay fotogramas (keyframes) clave. Se puede utilizar para desactivar una animaci贸n sin cambiar el orden de los otros identificadores, o para desactivar animaciones procedentes de las cascada.
<custom-ident> (en-US)
Cadena que identifica la animaci贸n. Este identificador est谩 compuesto por una combinaci贸n de letras may煤sculas y min煤sculas de la "A"a la "Z", n煤meros del 0 al 9, guiones bajos "_" y/o guiones "-". el primer caracter siempre debe ser una letra, ni un numero, excepto un gui贸n (no se pueden poner dos guiones seguidos o m谩s al principio del nombre.) No puede usarse noneunsetinitial, o inherit ni ninguna combinaci贸n de estos casos.

Ejemplos

Ver ejemplos CSS animations.

Especificaciones

Especificaci贸n Estado Comentario
CSS Animations Level 1
La definici贸n de 'animation-name' en esta especificaci贸n.
Working Draft  

Compatibilidad en navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)
Caracter铆sticas Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte b谩sico (Yes)-webkit (en-US) 5.0 (5.0)-moz (en-US)
16.0 (16.0)
10  12 -o (en-US)
12.10 #
4.0-webkit (en-US)
Caracter铆sticas Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte b谩sico (Yes)-webkit (en-US) 5.0 (5.0)-moz (en-US)
16.0 (16.0)
10 ? ?

Ver tambi茅n