Как я могу создать гладкую вращающуюся линейно-градиентную границу анимации в CSS? [дублировать] ⇐ Javascript

[Anonymous]

Я пытаюсь создать анимированный вращающийся пограничный эффект, используя линейный градиент-где градиент, по-видимому, вращается вокруг элемента, подобного динамической светящейся границе. Вот что я попробовал: < /p>
.myElement {
background: linear-gradient(0deg, #FFC600 40%, transparent 60%);
animation: rotateGradient 5s infinite linear;
}

@keyframes rotateGradient {
0% { background: linear-gradient(0deg, #FFC600 40%, transparent 60%); }
100% { background: linear-gradient(360deg, #FFC600 40%, transparent 60%); }
}
< /code>
Вот запись экрана, показывающая эффект, который я хочу достичь:
video < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ion-in-css