Transition Css Multiple Properties Transform Code Example


Example 1: css transition select multiple attributes


.myclass {
/* ... */
transition: all 200ms ease;
transition-property: box-shadow, height, width, background, font-size;
}

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;
}

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable