Как сделать, чтобы анимация не замедлялась?

Question

[Alexander3928]

Как сделать чтобы rotate у элемента не замедлялась, а была с одинаковой скоростью?

https://codepen.io/Alexxxsander/pen/rNJqgvz

Comments

[Ankhena]

https://developer.mozilla.org/en-US/docs/Web/CSS/C...
https://html5book.ru/css3-transition/

Демка https://codepen.io/nazarelen/pen/JobJNy

Answer 1

[Anonymous]

.row-image {
  display: flex;
  justify-content: center;
  align-items: center;
  & > .circle {
    transform: rotate(0);
    width: 350px; height: 350px;
    border:  5px dashed red;
    border-radius: 50%;
    animation: rotate-circle 10s linear infinite forwards;
    @keyframes rotate-circle {
                0% {
                    transform: rotate(0);
                }
                100% {
                    transform: rotate(360deg);
                }
            }
  }
}

В animation поменял на linear, делает с одинаковой скоростью.