animation-name CSS propriété

@keyframes animation-un{ ... }
@keyframes animation-deux{ ... }

.mon-animation{ animation-name : animation-un }
.mon-animation1{ animation-name : animation-un, animation-deux }

Règles de syntaxes CSS pour animation-name.

Règle d'écriture de la propriété d'Animation CSS : animation-name

La propriété d'Animation CSS animation-name accepte un ou plusieurs identifiants ou none qui seront séparées par un virgule.

.mes-animations{
  animation-name : animation-a, animation-b; 
}

Compatibilités navigateurs de la propriété animation-name

Propriétés CSS préfixées de animation-name

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété animation-name CSS :

Pour Firefox 5.0+ et < 19, vous pouvez utiliser : -moz-animation-name.
Pour Chrome 2.1+ et Safari 4.0 +, vous pouvez utiliser : -webkit-animation-name.
Pour Opera 12+, vous pouvez utiliser : -o-animation-name. Pour info, il semble les versions préfixées pour les animations CSS soient supprimées sur la version 12.50 au profit des versions w3c non préfixées.
Il existe bien une propriété CSS -ms-animation-name mais qui est compatible Internet Explorer 10 (donc pas d'intérêt de la mettre). Personnellement, je n'ai trouvé aucune documentation officielle sur la propriété css -ms-animation-name.

Votre avis sur la définition animation-name en CSS