【问题标题】:Any way to detect the procedure status of a CSS3 transition/transform/animation?有什么方法可以检测 CSS3 过渡/变换/动画的过程状态吗?
【发布时间】:2011-03-22 05:04:11
【问题描述】:

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

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

【问题讨论】:

    标签: html css transition


    【解决方案1】:

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

    以下是链接转换的方式:

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

    【讨论】:

    • 啊,从来没有意识到有一个事件集适用于 webkitTransition*。非常感谢你!这就是我所需要的。 :D
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-06-08
    • 2012-11-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多