css解决方案在x秒后隐藏div

使用css3只在页面加载90秒后删除/隐藏#a有什么方法吗

<div id="container">
  <div class="box">
    <a id="hide_after_90_seconds"></a>
  </div>
</div>

---

如果可能的话，我想从display:block转到display:none？

这可以通过CSS动画和

forwards

属性将动画暂停到100%。

显示

属性无法设置动画

元素被赋予

位置：相对
，然后
不透明度：0
和
左：-9999px
达到100%。它将淡入淡出，然后将自己拉到视口之外

-兼容IE 10+


有三种方法可以100%将div拉出视口：

left:-9999px
与元素上的
位置：relative
组合（如下例所示）


高度：0
或
最大高度：0
结合
文本缩进：-9999px


从


例子
此示例在5秒后淡入文本，然后从视口中删除div


div{
-webkit动画：向前1.0秒；
-webkit动画迭代计数：1；
-webkit动画延迟：5s；
动画：向前1.0秒；
动画迭代次数：1；
动画延迟：5s；
位置：相对位置；
背景：红色；
}
@-webkit关键帧秒{
0% {
不透明度：1；
}
100% {
不透明度：0；
左：-9999px；
}
}
@关键帧秒{
0% {
不透明度：1；
}
100% {
不透明度：0；
左：-9999px；
}
}
在5秒后隐藏我
你能与css最接近的地方只有这一点..它可能会进一步改进，但这就是它


如果您想使用javascript/jquery

你会这么做的

var ele = $(".hide_after_90_seconds");
setTimeout(function() { ele.hide(); }, 9000);


#hidethis{动画：css 0s 3s forwards；}
@关键帧css{to{可见性：隐藏；}
/*可见性/溢出：隐藏*/
等待3秒钟…
听起来更像是javascript给我的工作。。。使用
转换延迟
可能有一个难看的解决方法，但我看不出如何使其工作。值得注意的是，CSS3动画不支持在
显示：块
和
显示：无
之间切换。如果OP真的要走这条路，JS是唯一的解决方案。+1即使你发布了一个CSS唯一的解决方案，甚至可以在IE中工作，这也违反了协议。没有人会这么做！：-）左：-9999px未删除div，它仍会占用页面上的空间：（只是为了踢：A！：-D…但是，当缩放到90秒而不是仅仅3秒时，我能够通过使用最大高度：500，然后在关键帧中设置为最大高度：0来让它工作！对于计时，我确信你的意思是
90000
？
900
只有0.9s:）你的共享url显示错误“404该页面不存在。”请在此更新或删除它。不，这是URL的性质。它们会随着时间的推移而被删除，这就是为什么我需要在答案中添加代码的原因。我不确定我为什么要更新7年前的答案。
var ele = $(".hide_after_90_seconds");
setTimeout(function() { ele.hide(); }, 9000);