transition effect. Example:

 div { width:100px; height:100px; background:#ff0000; transition:background 2s; -webkit-transition:background 2s; transition:width 2s; -webkit-transition:width 2s; } div:hover { background:#00ff00; width:300px; } 
 <p>Этот кот не будет прыгать на ослике</p> <div></div> <p>Наведение transition effect.</p>

The example shows that either this changes with a delay, or another, if we exclude them alternately.
And how to do that they would work both? Or is it only through transition: all ?
For example:

 transition:all 2s; -webkit-transition:all 2s;

    1 answer 1

    Or through all , as you said or so:

     div { width:100px; height:100px; background:#ff0000; transition:width 2s, background 2s; -webkit-transition:width 2s, background 2s; } div:hover { background:#00ff00; width:300px; } 
     <p>Этот кот не будет прыгать на ослике</p> <div></div> <p>Наведение transition effect.</p>