Question

css hover怎样延迟加载

Answer 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秒没变化，然后才开始执行了