Applying two animations

dabblet.css

/* Applying two animations */
/* ref: http://css-tricks.com/restart-css-animation/ */
/* (a little) more info: http://dabblet.com/gist/1656494 */
img {animation: spinning-logocat 2s;}
img:active {animation: spin-dat-cat 2s;}
@keyframes spinning-logocat {50%{transform:rotateY(180deg);}}
@keyframes spin-dat-cat {50%{transform:rotateY(180deg);}}

dabblet.html

<img src="http://placekitten.com/200/300" title="placekitten">

settings.json

{"version":"1.1","settings":{"prefixfree":"1"},"view":[{"template":"r\nc\n","active":true,"seethrough":false},{"template":"r\nh","active":false,"seethrough":false},{"template":"r\nch","active":false,"seethrough":false},{"template":"r","active":false,"seethrough":false}]}