如何使css元素不透明度在短时间内从0切换到1?

如何使css元素不透明度在短时间内从0切换到1?,css,Css,我想知道是否已经有一种方法可以通过CSS使不透明度为0的元素在没有任何转换时间的情况下变为1。换句话说,我需要让一个完全看不见的元素在4秒后突然出现。没有淡入淡出。只需以完全的亮度(不透明度)显示即可。结合使用可见性和不透明度: transition:visibility 0s linear 0.5s,opacity 0.5s linear; 在本演示中,将鼠标悬停在菜单上仅在0.5s后显示 简单的步骤到结束转换: 在什么的4秒钟之后?或者更确切地说,在什么之后4秒?我的意思是在页面加载后4

我想知道是否已经有一种方法可以通过CSS使不透明度为0的元素在没有任何转换时间的情况下变为1。换句话说,我需要让一个完全看不见的元素在4秒后突然出现。没有淡入淡出。只需以完全的亮度(不透明度)显示即可。

结合使用可见性和不透明度:

transition:visibility 0s linear 0.5s,opacity 0.5s linear;
在本演示中,将鼠标悬停在菜单上仅在0.5s后显示

简单的步骤到结束转换:


在什么的4秒钟之后?或者更确切地说,在什么之后4秒?我的意思是在页面加载后4秒,元素应该突然出现,而不使用淡入。非常感谢您的回答,但是这个解决方案的结果是,不透明度设置为0,从不变为1,因此元素永远不会出现