Rotate the wheel to a specific point

[Neru]

In this wheel we have 6 pieces. The top of the wheel is the specific point. The specific point gives information of pieces. Now it gives information of the blue piece. So if i click on one of the piece for example purple, i need that purple piece to goes to the specific point and automatically go into the given information about the purple piece.

How can we get the automatically rotation to the specific point? Just like Dansk Bank app (see the following youtube link) something similar to the video from 0:21 - 0:25 min.

 

[Valkarie]

achieve the same effect as in the video, you could use a combination of CSS animations and JavaScript. The basic idea would be to set up the wheel with the pieces in their initial positions and then animate each piece to rotate to the specific point when it is clicked. Then, you could use JavaScript to detect which piece was clicked and update the information accordingly.