transition-duration CSS propriété

.ma-transition-css{ width:50px; height:50px; }

.ma-transition-css:hover{ width:100px;
  transition-property : width;
  transition-duration : 8s;
}
.ma-transition-css:hover{ width:100px; height:100px;
  transition-property : width, height;
  transition-duration : 8s, 2ms;
}

Règles de syntaxes CSS pour transition-duration.

Règle d'écriture de la durée de la transition : transition-duration

La propriété de Transition CSS transition-duration accepte une ou plusieurs valeurs de durée positives qui seront séparées par une virgule.
Le nombre de valeur de durée est lié aux nombres de propriétés déclarées dans la propriété de Transition CSS transition-property.
Si vos durées sont identiques, vous pouvez mettre une seule valeur de durée.

.ma-transition-css{
  transition-property : propriete_css, propriete_css;
  transition-duration : 5s, 8s;
}

Compatibilités navigateurs de la propriété transition-duration

Propriétés CSS préfixées de transition-duration

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

Pour Firefox 4.0+ et < 16, vous pouvez utiliser : -moz-transition-duration.
Pour Chrome 2.1+ et Safari 3.1+, vous pouvez utiliser : -webkit-transition-duration.
Pour Opera 10+ et < 12.5+, vous pouvez utiliser : -o-transition-duration. Pour info, il semble les versions préfixées pour le 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-transition-duration mais qui est compatible Internet Explorer 10 (donc pas d'intérêt de la mettre puisqu'il comprend la version non préfixée). Personnellement, je n'ai trouvé aucune documentation officielle sur la propriété css -ms-transition-duration

Votre avis sur la définition transition-duration en CSS