有什么方法可以让flex布局水平居中的元素触发animation动画吗?

发布于 2022-09-12 23:40:26 字数 250 浏览 29 评论 0

<div class="flex-box jusitify-center">
    <div>1</div>
    <div>2</div>
</div>

当第二个div的display:none时,再次让第二个div的display:block时,
能否有什么方法,让div1有过度动画的形式居中居左吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

心碎的声音 2022-09-19 23:40:26

可以使用所用动画库都在用的flip技巧
参考实现
https://codesandbox.io/s/laug...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文