dabblet.css

/* Gcyrillus - exemple  */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
@keyframes hover_me {
0%, 100% {font-size:1em;}
50% {font-size:5em;}
}
a {animation-play-state:paused;
animation: hover_me 5s infinite;}
a:hover {
animation-play-state:running;
}

dabblet.html

<a href="http://www.w3.org/TR/css3-transitions/">transitions</a> - <a href="http://www.w3.org/TR/css3-animations/">animations</a>

settings.json

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