不用js代码,纯css代码,如何实现刚打开网页空间时闪现问候语5秒,后消失?

html-css010

不用js代码,纯css代码,如何实现刚打开网页空间时闪现问候语5秒,后消失?,第1张

设定问候语的

名字animation:hidden infinite

循环次数animation-iteration-count:1

延迟5s animation-delay: 5s

执行时间 animation-duration: 0.1s

保留结束效果 animation-fill-mode: both

动画则写

@keyframes hidden{

from{opacity: 1}

to{opacity: 0}

}

如果是浮动类的就改成隐藏而不是透明度0

可能是因为...你写的js要加载完整个页面才开始运行....所以页面加载过select之后...后面还有一些内容..等这些内容加载完之后js开始, 时间会很短...顺便问下...既然用js模拟了..为什么还要用原版的select..直接用div li之类的标签模拟不是更好吗? 而且还不会又问题...改起来更自由一些