<script> function spin(number) { var value = number * 25.7 + 50; return { targets: '.dial', rotate: [0, value + 'deg', 0], delay: 10, easing: 'steps(' + number * 5 + ')', duration: 20 * value, } } var crestview = anime.timeline({}); crestview .add(spin(5)) .add(spin(2)) .add(spin(6)) .add(spin(2)) .add(spin(10)) ; </script>
Each number on the dial has 99% Transparent disk with a Link of form: javascript: anime(spin(1..10)); Click any to dial that digit Click on Crestview to dial that number