我可以在处理“CSS3瞬态动画”时获取瞬态值吗?
例如,当我使用瞬态通过更改translate(x, y)的值来实现2秒持续时间的动画时。如何获取 0.5 秒时刻的 translate(x, y) 当前值?
for example ,when I'm using transient to implement a 2s duration animation by change the value of translate(x, y). How can I get the current value of translate(x, y) at the 0.5s moment?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为你不能。通过将过渡计时函数设置为线性,您可以轻松估计它,或者通过使用其他计时函数的贝塞尔曲线,您可以计算出它。
我建议,如果您需要找到这个,那么您最好使用动画(您可以使用关键帧定义某些内容的位置),或使用 javascript 制作动画(在 DOM 元素、画布或 SVG 上)。
I don't think you can. By setting the transition timing function to
linear
, you could easily estimate it, or by using the bezier curves for the other timing functions you could work it out.I'd suggest that if you need to find this then you might be better off using either animations (you can define where something is using keyframes), or animating using javascript (either on DOM elements, canvas or SVG).