backOutDown
栏目：
CSS
发布时间：2024-12-30
animate__backOutDown 是 animate.css 库中的一个动画类，添加此类后，元素从显示状态过渡到隐藏状态时，它会沿着向下的路径先向后移动一段距离，然后向前移动回到原位置附近，接着快速向下移动并消失。这种动画效果通常用于强调元素的离开，或者创建一种“被吸走”或“退回”的视觉效果。
示例：
<div class="animate__animated animate__infinite animate__backOutDown">animate.css backOutDown</div>
animate.css backOutDown
为了让大家看得更清楚，本文的动画实例以循环播放的效果进行展示，实际项目中如若不需要循环效果，去除“animate__infinite”类即可。
本文地址：https://www.tides.cn/p_css-animate.css-backOutDown