在下面给出的Codepen中,番茄上有一个翻转时钟。目前,翻盖时钟正在倒计时,但实际的鳍状肢向后翻转,远离观察者,而不是向前翻转。我认为问题可能与z-index切换有关,或者可能是变换的某些方面已经旋转180度(很可能是前者,因为后者表面上会影响整个时钟,而不仅仅是脚蹼的阴影) )。
z-index
Here is the link to the Codepen.
我遇到了同样的问题。
您的CodePen目前正在使用https://cdnjs.com/的flipclock.css的缩小版本,切换到完整的css文件应该可以解决您的问题。