CSS Transition Shorthand Syntax for Multiple Properties

cssTransitions-multipleProperties.css

.some-selector {
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
}

/* Adding delay to height property */
.some-selector {
    -webkit-transition: height 0.3s ease-out 0.4s, opacity 0.3s ease 0.5s;
    -moz-transition: height 0.3s ease-out 0.4s, opacity 0.3s ease 0.5s;
    -ms-transition: height 0.3s ease-out 0.4s, opacity 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: height 0.3s ease-out 0.4s, opacity 0.3s ease 0.5s;
    transition: height 0.3s ease-out 0.4s, opacity 0.3s ease 0.5s;
}