sky/examples/spinning-square.sky

<sky>
<style>
square {
  margin: 50px;
  height: 100px;
  width: 100px;
  background-color: green;
}
</style>
<square></square>
<script>
var square = document.querySelector('square');
var timeBase = 0;

function animate(time) {
  if (!timeBase)
    timeBase = time;
  var delta = time - timeBase;
  var rotation = Math.floor(delta / 10);
  square.style.transform = 'rotate(' + rotation + 'deg)';
  requestAnimationFrame(animate);
}

requestAnimationFrame(animate);
</script>
</sky>