我想知道是否有辦法在設定時間后停止 tailwindcss 中的影片
10 秒后停止彈跳
我已經嘗試了一切，但我找不到方法
<div class="text-center p-10">
<button class="px-8 py-2 mx-auto text-white bg-blue-700 rounded transition duration-75 ease-in-out hover:bg-green-400 transform hover:-translate-y-1 animate-bounce">Hello</button>
</div>我已經嘗試了持續時間 75 但影片不會停止
uj5u.com熱心網友回復：
沒有內置的方法可以做到這一點。您可以創建自己的類來覆寫迭代。
.temporary-bounce {
-webkit-animation-iteration-count: 10;
animation-iteration-count: 10;
}
作為參考，bounce 的 CSS 在這里。
https://tailwindcss.com/docs/animation#class-reference
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/400612.html
上一篇：使用.NET 6開發TodoList應用(14)——實作查詢過濾
下一篇：滾動到HTML/CSS中的部分