9

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.

  1. I found many time pickers but it seems that they can only scroll when human touch, which is not what I want.

  2. If I use the CSS animation rotateX, I can not change the opacity of each item when it's rotating.

  3. So it seems that I have to write the animation myself, but I don't know how.

How could I make it?

clock

1 Answer 1

0

For your second issue, I guess you could just use an overlapping element that is either semi-transparent or have a blend mode to the top and bottom (so just above and below your middle number)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.