輕彈
幅度更小、更柔和的彈跳。
效果預覽
參數調節
完整代碼
/* 輕彈 */
@keyframes bounceSoft {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.bounce-soft { animation: bounceSoft 1.4s ease-in-out infinite; }