Untitled

dabblet.css

.loader {
width: 1em;
height: 1em;
border-radius: 50%;
background: transparent;

border-top: 0.2em solid #eeeeee;
border-right: 0.2em solid #eeeeee;
border-bottom: 0.2em solid #039BE5;
border-left: 0.2em solid #039BE5;

-webkit-animation: loader 700ms infinite linear;
-moz-animation: loader 700ms infinite linear;
-ms-animation: loader 700ms infinite linear;
-o-animation: loader 700ms infinite linear;
animation: loader 700ms infinite linear;
}

@-webkit-keyframes loader {
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loader {
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes loader {
to { -ms-transform: rotate(360deg); }
}
@-o-keyframes loader {
to { -o-transform: rotate(360deg); }
}
@keyframes loader {
to { transform: rotate(360deg); }
}
*{
margin:0;
}

dabblet.html

<div class="loader"></div>

dabblet.js

// alert('Hello world!');

settings.json

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