transition-delay CSS propriété

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

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

Règles de syntaxes CSS pour transition-delay.

Règle d'écriture d'une pause avant le début de la transition : transition-delay

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

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

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

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

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

Pour Firefox 4.0+ et < 16, vous pouvez utiliser : -moz-transition-delay.
Pour Chrome 2.1+ et Safari 3.1+, vous pouvez utiliser : -webkit-transition-delay.
Pour Opera 10+, vous pouvez utiliser : -o-transition-delay. 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-delay 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 puisqu'il comprend la version non préfixée). Personnellement, je n'ai trouvé aucune documentation officielle sur la propriété css -ms-transition-delay

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