I want to use javascript to make a 3d time picker (with perspective) as below (like the alarm clock of iOS).
And I want to trigger the scroll animation when I click a button.
I found many time pickers but it seems that they can only scroll when human touch, which is not what I want.
If I use the CSS animation
rotateX
, I can not change the opacity of each item when it's rotating.So it seems that I have to write the animation myself, but I don't know how.
How could I make it?