Question

css里面怎么让动画先隐藏,6秒后再显示出来?

css里面怎么让动画先隐藏,6秒后再显示出来?

Answer 1

初始

div{opacity:0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;  a
    nimation-duration: 1s;  
    -webkit-animation-fill-mode: forwards ;  
    animation-fill-mode: forwards ;
     -webkit-animation-delay:6s;  /**延迟动画**/
     animation-delay:6s; 
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

Answer 2

animation-delay: -6s;
-webkit-animation-delay: -6s;
-o-animation-delay: -6s;
-moz-animation-delay: -6s;

无论什么时候，都请记住做兼容

Answer 3

animation-delay

Answer 4

可以参考我的这篇文章：

网页链接