Multiple Transitions Code Example


Example 1: multiple transition in css


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

Example 2: 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 3: 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;
}

Comments

Popular posts from this blog

530 Valid Hostname Is Expected When Setting Up IIS 10 For Multiple Sites

C Perror Example

Converting A String To Int In Groovy