Как исправить простую анимацию CSS?

Question

[WebDev]

Вот такой простой код - анимация, которая заставляет блок "прыгать". Как мне его "ускорить" в самой верхней и самой нижней точках? То есть когда он поднимается он как бы "замирает" там на несколько мгновений, а нужно, чтоб он моментально отскакивал и не задерживался. Как этого добиться?

Answer 1

[Варлам Ерофеич]

Способы анимации:

animation: animation linear 1s 0s infinite;
 /* linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1,x2,x3,x4) */

Взял отсюда

Answer 2

[Олег]

Может так

animation: animation 1s 0s cubic-bezier(1,0,0,1) infinite;

Answer 3

[Василий Варюхин]

animation: animation 1s 0s cubic-bezier(0,.26,1,.78) infinite;