Skip to content

Instantly share code, notes, and snippets.

@joshpuckett
Created October 21, 2015 00:20
Show Gist options
  • Save joshpuckett/4105f7c820367248c63b to your computer and use it in GitHub Desktop.
Save joshpuckett/4105f7c820367248c63b to your computer and use it in GitHub Desktop.
Circular Spinner
spinner = new Layer
width: 100
height: 100
x: 100
y: 100
backgroundColor: "transparent"
spinner.html = "<svg><path fill='#27AE60' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'></path></svg>"
spinner.animate
properties: {rotation: 360*10}
curve: "linear"
time: 10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment