Как сделать такую анимацию на css или в каком направлении искать?

Question

[MortSith]

вот гифка, выезжает табличка с именем SVEN, и на ней снизу по рамке движется кружок света, и меняет цвет когда движется, как сделать такую анимацию на css

Comments

[Сергей Сергей]

Фон с круговым градиентом, анимация с ключевыми кадрами с указанием координат положения фона и цветов градиента. Для наклона transform skew в отдельном блоке.

[MortSith]

Сергей Сергей, нет плавности в анимации, перескакивает по ключевым кадрам

[Сергей Сергей]

transition можно добавить на анимируемые свойства.

Answer 1

[Антон Шаманов]

добавить ::after блок и смешать его по left от 100% до 0

Answer 2

[MortSith]

если кому надо, создал точку с рамку толщиной, навешал на нее теней и анимацию