如何使用javascript制作像iOS闹钟一样的3d时间选择器，带有滚动动画？

Question

我想使用 javascript 制作一个 3d 时间选择器（带透视图），如下所示（如 iOS 的闹钟）。

我想在单击按钮时触发滚动动画。

1. 我找到了很多时间选择器，但似乎它们只能在人为触摸时滚动，这不是我想要的。

2. 如果我使用 CSS 动画rotateX，则无法更改每个项目在旋转时的不透明度。

3. 所以似乎必须自己写动画，但我不知道如何。

我怎么能做到？

Answer 1

对于你的第二个问题，我想你可以只使用一个重叠的元素，该元素要么是半透明的，要么是顶部和底部有混合模式的（所以就在中间数字的上方和下方）