跳到主要內容

原地跳躍

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

效果預覽
參數調節
完整代碼
/* 原地跳躍 */
@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; }