hover animation

Hover animation

div {

    animation-name: colorchange;   

    animation-duration: 0.8s;

    height:100px;

    width:100px;

    background-color:red;

    -webkit-animation-duration: 0.8s;

    -webkit-animation-name: colorchange; 

}

@keyframes colorchange {

    from { width: 0px; }

    to { width: 100px; }

}

@-webkit-keyframes colorchange {

    from { width: 0px; }

    to { width: 100px; }

}