How to make a roulette spin on a certain area?

Question

css

I want to make a circular roulette, it looks like this:
prntscr.com/ewaik8
I have already set up the number generation algorithm, but only the animation needs to be done so that the roulette wheel spins and the sector that has fallen to me is shown. I've been scratching my head for the second day, maybe someone has already done this?
UPD: My main problem is that there are several winning sectors on roulette (they all repeat 3 times) + it must continue to start from the last won place. For all this, I need to know: 1- the starting angle and the angle by which you need to scroll to the winning cell (and there will be 3 of them). Therefore, two questions, how to find out which cell the pointer is currently on? And how to select the cell we need? Maybe it's better to do it on canvas?

Answer 1

codepen.io/anon/pen/wdBqyY a
bunch of bugs but pretty clear.

Answer 2

Here they did