Question

我发现了这个问题CSS Auto hide elements after 5 seconds

我需要知道如何做到这一点。基本上是：

-Page加载元素隐藏

- 等待5秒

-Show元素

我对CSS不是很好所以任何帮助都会很好！

#thingtohide {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

Answer 1

尝试这个简单的解决方案。

#showMe {
  animation: cssAnimation 0s 5s forwards;
  visibility: hidden;
}

@keyframes cssAnimation {
  to   { visibility: visible; }
}

<div id='showMe'>Wait for it...</div>

您还可以使用不透明度的可见性

#showMe {
  animation: cssAnimation 0s 5s forwards;
  opacity: 0; 
}

@keyframes cssAnimation {
  to   { opacity: 1; }
}

<div id='showMe'>Wait for it...</div>

Answer 2

你可以运行这样的东西。这会将<div id='showMe'>Wait for it...</div>设置为0，几秒钟后，它会将其恢复到100％。此选项允许您微调您希望它出现的速度，让您可以控制元素的不透明度以及它在时间范围内的不透明度。

＆＃13;

Animal

＆＃13;

Animal **pAnimaly = new Animal*[10];

＆＃13;

CSS隐藏元素，5秒后显示它

2 个答案: