有什么方法可以检测 CSS3 转换/变换/动画的过程状态吗?

发布于 2024-10-24 05:15:22 字数 106 浏览 1 评论 0原文

比方说,如果有一个CSS3转换/转换/动画分配给一个DOM元素,我是否可以检测到该过程的状态?

我想这样做的原因是因为我正在寻找类似转换链的东西,例如,在前一个转换之后运行一个转换。

Let's say, if there is a CSS3 transition/transform/animation assigned to an DOM element, is there anyway that I can detect the status of the procedure?

The reason I wanna do this is because I'm looking for something like transition chaining, e.g., running one transition after the previous one.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(1

梦归所梦 2024-10-31 05:15:22

我在 http://cssglue.com/cubic 中做了类似的事情,这是一个添加或删除过渡结束时的班级。

以下是链接转换的方法:

element.addEventListener(webkitTransitionEnd, function(ev){
            if(ev.propertyName == "min-width") { //listen to property you're changing
        element.className += " classWithNewTransition";
            }
}, false);

I've done something similar in http://cssglue.com/cubic, it's a transition that adds or removes a class at the end of the transition.

Here is how you would chain a transition:

element.addEventListener(webkitTransitionEnd, function(ev){
            if(ev.propertyName == "min-width") { //listen to property you're changing
        element.className += " classWithNewTransition";
            }
}, false);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文