Box Color change for fiv second in CSS3

Box Color change for fiv second in CSS3 animation.

by Ankit Patidar

HTML

<div style="background:#E1FEE0;">Hello World</div>

CSS

div {
    padding:10px;
    animation: background-fade 5s forwards;
    -webkit-animation: background-fade 5s forwards;
    -moz-animation: background-fade 5s forwards;
}
@-webkit-keyframes background-fade {
    0% {
        background:#E1FEE0;
    }
    100% {
        background:#e8e9f0;
    }
}
@-moz-keyframes background-fade {
    0% {
        background:#E1FEE0;
    }
    100% {
        background:#e8e9f0;
    }
}
@keyframes background-fade {
    /*Also used 99.9%*/
    0% {
        background:#E1FEE0;
    }
    100% {
        background:#e8e9f0;
    }
}