CSS Animations [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: 1px;
        width: 150px;
    }
}

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

div {
    background-color: red;
    border: 1px solid blue;
    height: 100px;
    width: 50px;
    -webkit-animation: gorilla 2s infinite;
    animation: gorilla 2s infinite alternate-reverse;
}