Untitled

dabblet.css

.clock {
    width: 100px;
    height: 100px;
    background-color: #333;
    position: relative;
    border-radius: 50%;
}
.clock:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: clock 60s linear infinite;
    transform-origin: 0 0;
}
 @keyframes clock {
    from { transform: rotate(-.25turn); }
    to { transform: rotate(.75turn); }
}

dabblet.html

<div class="clock"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"130","seethrough":"","prefixfree":"1","page":"html"}