css3里怎么使hover先后执行两条动画

2025-12-05 16:54:01
推荐回答(1个)
回答1:

如果使用的是animation的话,加一个延时器吧

animation-delay属性,动画延迟多长时间执行

可以在hover的时候执行两个动画,其中一个延迟到第一个执行完之后再执行试一下

或者在一个动画中在写keyframes动画帧的时候,把两个动画帧分开,例如

keyframes anima{
    0%{}//执行第一个动画
    50%{}//第一个动画执行完成
    70%{}//百分之七十的时候再执行第二个动画
    100%{}
}