如何解决CSS过渡未删除
我正在尝试通过打击方案进行一些过渡: 状态A->淡出->状态B->状态C->淡入->状态A 因此,我需要在A-> B和C-> A之间进行转换,而无需在B-> C
之间进行转换我的想法是尝试通过删除'transition'类'transition:all 1s;'来做到这一点。在StateB-> StateC之前更改并添加,如下所示:
card.classList.add("two__card__fade-out"); // A -> B
card.classList.remove("two__card__transition"); // remove_transition
card.classList.remove("two__card__fade-out");
card.classList.add("two__card__fade-in"); // B -> C
card.classList.add("two__card__transition"); // add transition to make C->A
我删除了转换类,并在将类从B更改为C后立即添加了它,但此更改随转换一起发生! 似乎它是异步发生的,因为如果我从上面的代码中删除las add transition,它会变得很困难
此外,如果我添加了过渡类异步功能,它会像我需要的那样
card.classList.remove("two__card__transition");
card.classList.remove("two__card__fade-out");
card.classList.add("two__card__fade-in");
setTimeout(() => {
card.classList.add("two__card__transition");
card.classList.remove("two__card__fade-in");
});
card.classList.remove("two__card__fade-in");
您能解释一下为什么会这样吗,为什么吗
card.classList.add('two__card__transition') // add transition to make C->A
这个过渡是在B-> C阶段添加的吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。