Untitled

dabblet.css

div
{
width:100px;
height:100px;
background:red;
  margin:2em;
  float:left;
  z-index:0;
}
 
div.maclass
{
animation:myfirst 5s infinite;
color:white;

}
 
@keyframes myfirst
{
0%   {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}

dabblet.html

<div class="" onmouseover="this.classList.add('maclass');">test</div>

dabblet.js

// alert('Hello world!');

settings.json

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