gpt4 book ai didi

javascript - 如何使用javascript制作一个像iOS闹钟一样的3d时间选择器,带滚动动画?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:40:03 26 4
gpt4 key购买 nike

我想使用 javascript 制作一个 3d 时间选择器(带透视),如下所示(就像 iOS 的闹钟)。

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

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

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

  3. 看来还是要自己写动画了,但是不知道怎么写。

我怎么做到的?

clock

最佳答案

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

关于javascript - 如何使用javascript制作一个像iOS闹钟一样的3d时间选择器,带滚动动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46010278/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com