I am looking to create a roulette game that randomly selects numbers and displays them. Initially, I attempted to use images and backgroundOffset, but it caused significant lagging issues and difficulty in checking the rolled number. Therefore, I have implemented the following code:
<div class="container" style="display: flex">
<div class="block red">1</div>
<div class="block black">14</div>
<div class="block red">2</div>
<div class="block black">13</div>
<div class="block red">3</div>
<div class="block black">12</div>
<div class="block red">4</div>
<div class="block green">0</div>
<div class="block black">11</div>
<div class="block red">5</div>
<div class="block black">10</div>
<div class="block red">6</div>
<div class="block black">9</div>
<div class="block red">7</div>
<div class="block black">8</div>
</div>
Is there a way to make this roulette spin like the one shown here?