Untitled

dabblet.css

@keyframes flipleft {
 from { transform: rotate(0); }
 50% { transform: rotate(180deg); }
 to { transform: rotate(180deg); }
}

@keyframes flipright {
 from { transform: rotate(0); }
 50% { transform: rotate(-180deg); }
 to { transform: rotate(-180deg); }
}

.flipright {display:inline-block; animation: flipright 2s ease-out infinite; transform-origin:10% 60%; position:relative; left:10px; }
.flipleft {display:inline-block; animation: flipleft 2s ease-out infinite; transform-origin:100% 60%; position:relative; left:-10px; }
body { color:#FFF; background-color:#333; }

dabblet.html

<p><span class="flipright">┬─┬</span>ヽ(`Д´)ﾉ<span class="flipleft">┬─┬</span></p>

dabblet.js

// alert('Hello world!');

settings.json

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