轻弹
幅度更小、更柔和的弹跳。
效果预览
参数调节
完整代码
/* 轻弹 */
@keyframes bounceSoft {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.bounce-soft { animation: bounceSoft 1.4s ease-in-out infinite; }