gpt4 book ai didi

html - CSS 多重动画

转载 作者:行者123 更新时间:2023-11-28 09:32:12 25 4
gpt4 key购买 nike

我有一个带有介绍性动画div,点击后我添加了一个名为“exit”的新类和一个新动画,但动画不起作用。

div { animation: intro steps(14) 1s 1;
animation-fill-mode: forwards;
}

div.exit { animation: exit steps(18) 1s 1;
animation-fill-mode: forwards;
}

有什么想法吗?

最佳答案

它工作正常,你在下面的代码中弄错了。

您忘记在 500 之后添加 px

FIDDLE

@-webkit-keyframes exit {
0% {
left:500px;
}
100% {
left:0;
}
}

关于html - CSS 多重动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25664254/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com