How to do a continuous animation

dabblet.css

/**
 * How to do a continuous animation
 */

div{
width: 300px;
height: 300px;
background: yellow;

 animation-duration: 4s;
  animation-name: slide;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes "slide" {
 0% {
    background-color: red;
 }
 100% {
    background-color: blue;
 }

}

dabblet.html

<div>tesx

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}