#box-transition{

    width: auto;
    height: 50px;
    top: 0px;
    background: chocolate;
}

#box-transition:hover{           /* ATTRIBUTES WHEN MOUSE ON THE BOX*/
    height: 100px;
    background: turquoise;
    transition: background 3s, height 5s;      /* TIME FOR EACH TRANSITION*/
}