Direction [2]

by stopsatgreen

HTML

<div></div>

CSS

@-webkit-keyframes gorilla {
    from {
        background-color: red;
        border-width: 10px;
        width: 100px;
    }
    50% { width: 200px; }
    to {
        background-color: yellow;
        border-width: 0;
        width: 150px;
    }
}

@keyframes gorilla {
    from {
        background-color: red;
    }
    to {
        background-color: yellow;
    }
}

div {
    background-color: blue;
    height: 200px;
    width: 75%;
    -webkit-animation: gorilla 2s both;
    animation: gorilla 2s 1s both;
}