title: How to make a HTML5 spinning list/rotating wheel selector/picker
body: <p>My question is about an answer given by user ByteHamster here: <a href="https://stackoverflow.com/questions/28481603/how-to-create-javascipt-html5-spinner-list-with-images">How to create JavaScript/HTML5 Spinner List with images?</a> in the answer he/she gives an example of how to create a scrolling animation with html, css and Javascript. The animation allows the user to scroll through the numbers by clicking above or below the selected number on screen, and the selected number is shown in a div below the animation. </p>
  
  <p>I was wondering if it’s possible to do something similar to this but instead of having an image moving up and down, can it be turned into a number wheel? By that I mean, in the example above, the scrolling stops in one direction once the number reaches 0, I’m wondering if it’s possible to create a wheel, where a user could constantly spin it from top to bottom, or bottom to top if they wished to do so. Would this require using 3d interactive animation software?</p>
  
  <p>I've seen this question: <a href="https://stackoverflow.com/questions/11170173/html5-css3-how-to-make-endless-rotating-background-360-degrees-panorama">HTML5/CSS3 - how to make &quot;endless&quot; rotating background - 360 degrees panorama</a> but I'm unsure if the answers are applicable to my project as they don't seem to be interactive.</p>
  
  <p>As user ByteHamster's answer is over 3 years old, I was wondering if there’s a better way to achieve this effect with a html5 animation? And am I correct in thinking that the Javascript in the example would make it not work on some devices/browsers that don’t have Javascript enabled? Would a html5 approach be the best way to ensure the effect works on most devices/browsers?</p>