Multiple animations

by stopsatgreen

HTML

<div></div>

CSS

@-webkit-keyframes one {
    to { background-color: red; }
}
@-webkit-keyframes two {
    to {
        background-color: blue;
        width: 200px;
    }
}
@keyframes one {
    to { background-color: red; }
}
@keyframes two {
    to {
        background-color: blue;
        width: 200px;
    }
}
div {
    background-color: yellow;
    height: 100px;
    width: 100px;
    -webkit-animation: two 5s forwards, one 1s forwards;
    animation: two 5s forwards, one 1s forwards;
}