Skip to main content

Jump

Crouches to load then jumps, with a slight stretch.

Preview
Tune parameters
Full code
/* Jump */
@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; }