Untitled

dabblet.css

body{background-color:black;padding:5%;}
.engine{
width:200px;
background-color:red;
padding:2%;
border-radius:50%;
height:200px;
border:20px dashed black;
position:relative;
animation: anima 3s infinite linear;
}
@keyframes anima{
0%{}
50%{transform:rotate(360deg);}
100%{transform:scale(1.2);}
}
.engine:before{
content:"";
position:absolute;
width:200px;
height:200px;
background-image:radial-gradient(center center, yellow 00%, red 75%);
border-radius:50%;
top:7.5%;
left:6.5%;
}

dabblet.html

<div class="engine"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"110","seethrough":"","prefixfree":"1","page":"all"}