需先添加以下代码（经验：如果有异常现象，可尝试将取消进度条的CSS代码删掉试试）
<!-------------作用于CSS动画取消进度条---------------->
<style>
.step-content * {
overflow: hidden;
}
</style>
<!-------------作用于CSS动画取消进度条---------------->
<!-------------支持高阶CSS动画特效---------------->
<head>
<link
rel="stylesheet"
href="https://unpkg.com/animate.css@4.1.1/animate.min.css"
/>
</head>
<!-------------支持高阶CSS动画特效---------------->
效果1：
<div style=width:800px class=' font16 border rounded mb-4 text-info bg-light'>
<center><h1 style="font-size:2vw;overflow: auto;" class="animate__animated animate__swing animate__infinite p-2">瓜皮之牙</h1></center>
</div>
瓜皮之牙
效果2：<h1 style="font-size:2vw" class="animate__animated animate__pulse animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果3：<h1 style="font-size:2vw" class="animate__animated animate__rubberBand animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果4：<h1 style="font-size:2vw" class="animate__animated animate__headShake animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果5：<h1 style="font-size:2vw" class="animate__animated animate__shakeX animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果6：<h1 style="font-size:2vw" class="animate__animated animate__shakeY animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果7：<h1 style="font-size:2vw" class="animate__animated animate__flip animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果8：<h1 style="font-size:2vw" class="animate__animated animate__flipInY animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果9：<h1 style="font-size:2vw" class="animate__animated animate__lightSpeedInLeft animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果10：<h1 style="font-size:2vw" class="animate__animated animate__zoomIn animate__infinite">瓜皮之牙</h1>
瓜皮之牙
效果11：<h1 style="font-size:2vw" class="animate__animated animate__zoomInLeft animate__infinite">瓜皮之牙</h1>