跳到主要内容

原地跳跃

先蓄力下蹲再起跳,配合轻微拉伸。

效果预览
参数调节
完整代码
/* 原地跳跃 */
@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; }