微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

仅使用CSS完成动画后,如何使div不占用空间?

如何解决仅使用CSS完成动画后,如何使div不占用空间?

我正在使用Animate.css使div垂直向上滑动并消失。滑出动画的作品但保留了div的原始空间。有没有办法使div完成滑出动画时不占用空间?

请注意,我知道为什么会发生这种情况(animate.css使用translate3d而不是height / max-height)。所以我知道我可以编写自己的幻灯片动画,但是我想继续使用animate.css,因为它有很多很多有用的动画。我只需要找出一种方法来使div在完成其滑出/淡出/跳出/等动画时不占用空间?如果我找不到解决方法,则必须编写自己的所有自定义动画以进行弹跳,淡入淡出,缩放和滑动。我只想使用animate.css(除非有人知道更好的CSS动画库?)

<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet"/>


<p>Some text above</p>
<div class="animate__animated animate__slideOutUp" style="background-color: red">I will slide up</div>
<p>Some text below. I should move up when the above div slides out</p>

解决方法

您能使用def append(self,Name,Contact_number,Type,Urgency): new_node = node(Name,Urgency) cur = self.head while cur.next != None: cur = cur.next cur.next = new_node 而不是.fadeOutUp吗?

.slideOutUp

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。