css multiple transitions code example

Example 1: multiple transition in css

.nav a {
  transition: color .2s, text-shadow .2s;
}

Example 2: css multiple transitiuons

.nav a {
transition-property: color, background-position;
transition-duration: .2s;
transition-timing-function: ease-in-out;
}

Example 3: how to use the transition left in css

nav:hover {
  left: 0;
  transition: 2s;
}

Example 4: 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 5: 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;
}