我正在寻找一种使用CSS在加载时淡入并在几秒钟后淡出的文本的方法。我已经在S.O和Google上搜索过,但找不到像这样的东西。基本上,文本在加载时淡入,然后在几秒钟内立即淡出。例如,我可以设置2秒淡入和4秒淡出。
以下是我用于淡入的代码:
以下是我用于淡入的代码:
.text {
-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 4s; /* Firefox < 16 */
-ms-animation: fadein 4s; /* Internet Explorer */
-o-animation: fadein 4s; /* Opera < 12.1 */
animation: fadein 4s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
现在我正在尝试让文本在淡入后立即发生淡出。这在CSS中是否可能?
谢谢