retour au cours
Ce contenu n'est disponible que dans les langues suivantes :English, Español, Indonesia, Italiano, 日本語, 한국어, Русский, Türkçe, 简体中文. Merci de

CSS to animate both width and height:

/* original class */

#flyjet {
  transition: all 3s;
}

/* JS adds .growing */
#flyjet.growing {
  width: 400px;
  height: 240px;
}

Please note that transitionend triggers two times – once for every property. So if we don’t perform an additional check then the message would show up 2 times.

Ouvrez la solution dans une sandbox.