覆盖CSS过渡

时间:2019-05-24 23:08:22

标签: jquery css css-transitions

我在border-left-width上进行了过渡,如下所示:

    transition: border-left-width 250ms ease-in
    border-left-width: 1px;

当某些事件被触发并且效果很好时,此过渡将border-left-width调制在150px和1px之间。但是在某些情况下,我想立即将border-left-width设置为1px,而不使用过渡。

如果我做这样的事情:

    $(this).css("transition-property", "none");
    $(this).css("border-left-width", "1px");
    $(this).css("transition-property", "border-left-width");

过渡仍在进行。感觉我需要等待一帧,然后再将transition-property放回原处。如果我尝试将transition-duration设置为0,然后又回到250ms,则结果相同。

我真的只想说“做到这一点,而忽略所做的过渡”

0 个答案:

没有答案