rubberBand
栏目:
CSS
发布时间:2024-12-27
animate__rubberBand
是 animate.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