css transition two properties code example

Example 1: transition multiple properties

.class-name {
  /* element transitions top and font-size for two seconds */
  transition: height 2s ease-in-out, font-size 2s ease-in-out;
}

Example 2: how to specify multiple transitions for multiple properties in transition property

/*You can add more and more using commas*/
.class-name {
  /* element transitions top and font-size for two seconds */
  transition: height 2s ease-in-out, font-size 2s ease-in-out;
}