Tag: animate.css

CSS3animation和显示无

我有一个CSS 3animation的div在一段时间后滑入。 我想要的是几个div来填充幻灯片的空间，然后将这些元素推到页面上。 当我第一次尝试这个幻灯片仍然占用空间，即使不可见时。 如果我更改div display:none div不滑入。 我如何让div在占用时间之前不会占用空间（使用CSS进行计时）。 我正在使用Animate.css作为animation。 这是代码的样子： <div id="main-div" class="animated fadeInDownBig"><!– Content –></div> <div id="div1"><!– Content –></div> <div id="div2"><!– Content –></div> <div id="div3"><!– Content –></div> 正如代码所示，我希望主要div被隐藏，其他div首先显示。 然后我有以下延迟设置： #main-div{ -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; } 正是在这一点上，我希望主要股东推动其他股东下来，因为它进来。 我该怎么做呢？ 注：我已经考虑使用jQuery来做到这一点，但我更喜欢严格使用CSS，因为它更平滑，时序控制得更好一些。 编辑 我曾经尝试过Duopixel提出的build议，但是我误解了，并没有正确地做，或者它不起作用。 这里是代码： HTML <div id="main-div" class="animated fadeInDownBig"><!– Content –></div> CSS #main-image{ […]