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

Question

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

Answer 1

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

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

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

http://www.greywyvern.com/?post=337#example5

简单的逐步转换：

http://jsfiddle.net/samliew/7EsKK/