CSS - Transition

SUBMITTED BY: onerisgf

DATE: May 3, 2020, 12:15 a.m.

FORMAT: Text only

SIZE: 304 Bytes

Raw Download

HITS: 443

Report

#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*/
}