Untitled

dabblet.css

@keyframes scroll-down {
	from { -webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
  }
	50% { -webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
 }
	to { -webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
 }
}

.scroll-down {
  animation: 3s scroll-down infinite;
  width: 100px;
  height: 100px;
}
.scroll-down:before {
content: "H";
color: red;
}

dabblet.html

<div class="scroll-down"></div>

dabblet.js

// alert('Hello world!');

settings.json

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