rubberBand

栏目: CSS 发布时间:2024-12-27

animate__rubberBandanimate.css 库中的一个动画类。

当你对一个元素应用 animate__rubberBand 类时,这个元素会表现得像是被拉长然后突然释放,就像是一个橡皮筋被拉伸然后迅速弹回原状一样。这个动画通常用于吸引用户的注意力,比如在按钮点击、页面加载完成时显示一些提示信息或者强调某些内容。

示例:

<div class="animate__animated animate__infinite animate__rubberBand">animate.css rubberBand</div>
animate.css rubberBand

为了让大家看得更清楚,本文的动画实例以循环播放的效果进行展示,实际项目中如若不需要循环效果,去除“animate__infinite”类即可。

本文地址:https://www.tides.cn/p_css-animate.css-rubberBand