CSS Animations

by stopsatgreen

HTML

<div></div>

CSS

@-webkit-keyframes chimp {
    from, to {
        background-color: blue;
        width: 100px;
    }
    40% {
        background-color: green;
        width: 200px;
    }
    to { background-color: cyan; }
}
@keyframes chimp {
    from, to {
        background-color: blue;
        width: 100px;
    }
    40% {
        background-color: green;
        width: 200px;
    }
    to { background-color: cyan; }
}
div {
    background-color: red;
    height: 100px;
    width: 50px;
    -webkit-animation: chimp 2s 1s both;
    animation: chimp 2s 1s both;
}