我可以在处理“CSS3瞬态动画”时获取瞬态值吗?

发布于 2024-12-13 02:04:22 字数 85 浏览 0 评论 0原文

例如,当我使用瞬态通过更改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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甚是思念 2024-12-20 02:04:22

我认为你不能。通过将过渡计时函数设置为线性,您可以轻松估计它,或者通过使用其他计时函数的贝塞尔曲线,您可以计算出它。

我建议,如果您需要找到这个,那么您最好使用动画(您可以使用关键帧定义某些内容的位置),或使用 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).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文