For my web assignment, I have received specific instructions regarding a section of the webpage involving five dice:
There are five dice in play. When the webpage loads, a three-dimensional image of each dice must be displayed. Upon clicking a dice, it should show a rolling animation before revealing a specific dice face representing the result of the roll. This value should only be visible when the dice is clicked (active), showcasing the outcome of the roll. For example, if you click on a dice, you might see a dice face showing 5 pips, indicating a roll of 5.
I am struggling to incorporate the animation into the image when it is in an active state. Here is an image of my progress on the page so far. The dice animations must be included.