animation-name

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
Mediavisual
Valor calculadocomo se especifica
Animation typediscrete
Canonical orderel orden 煤nico no-ambig眉o definido por la gram谩tica formal

Sintaxis

Sintaxis formal: [ none | <keyframes-name> ]#

where
<keyframes-name> = <custom-ident> | <string>

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>
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
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!
Caracter铆sticas Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte b谩sico (Yes)-webkit 5.0 (5.0)-moz
16.0 (16.0)
10  12 -o
12.10 #
4.0-webkit
Caracter铆sticas Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte b谩sico (Yes)-webkit 5.0 (5.0)-moz
16.0 (16.0)
10 ? ?

Ver tambi茅n