Как сделать такую анимацию?

Question

[Blenderik]

Как сделать так, что бы после полного оборота объекта, анимация останавливается и через некоторое время снова начинается оборот объекта, и так до бесконечности. https://codepen.io/Blender0/pen/PoNybWO

Answer 1

[origami1024]

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

Answer 2

[Aetae]

Очевидно - добавить ещё один фрейм:

Answer 3

[Александр Шемаханов]

Например вот так:

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  75%, 100% {
    transform: rotate(360deg);
  }
}

Answer 4

[maxim]

@keyframes-анимация

@keyframes spin {
  0% { transform: rotate(0deg); }
 100% {    transform: rotate(360deg);  }
}

.element {
animation: spin 1s infinite;
}