css hover怎样延迟加载

2025-03-24 14:38:59
推荐回答(1个)
回答1:

.class{
    opacity:0
}
.class:hover{
    animation:ttt 3s 1 forwards; /*这里的3s表示总动画长3秒,其它属性感兴趣自己去查,反正主要就是那个3s*/
}


@keyframes ttt {
    0%{
        opacity:0;
    }
    66%{ /*这里表示3s的66%也就是大约2秒的时候*/
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

最终就会前2秒没变化,然后才开始执行了