horthand property combines six of the animation properties into a single property. code example
Example: 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;
}