如何使css元素不透明度立即从0切换到1？

【问题标题】：How to make css element opacity switches from 0 to 1 in no time?如何使css元素不透明度立即从0切换到1？
【发布时间】：2013-09-04 19:12:07
【问题描述】：

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

【问题讨论】：

标签： css

【解决方案1】：

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

transition:visibility 0s linear 0.5s,opacity 0.5s linear;

在此演示中，将鼠标悬停在菜单上仅在 0.5 秒后显示。

简单的逐步过渡：

【讨论】：