原地跳跃
先蓄力下蹲再起跳,配合轻微拉伸。
效果预览
参数调节
完整代码
/* 原地跳跃 */
@keyframes jump {
0%, 100% { transform: translateY(0) scale(1, 1); }
20% { transform: translateY(0) scale(1.08, .92); }
50% { transform: translateY(-32px) scale(.94, 1.06); }
80% { transform: translateY(0) scale(1.06, .94); }
}
.jump { animation: jump 1s cubic-bezier(.3,.8,.4,1) infinite; }