Vue를 사용하여 CSS를 무한 애니메이션화하는 방법

Vue를 사용하여 CSS를 무한 애니메이션화하는 방법

Vue 애니메이션을 무한히 실행할 방법을 찾고 있습니다.초기 애니메이션은 작동하지만 무한히 실행되지는 않습니다.

.endless {
    animation: endless_animation 10s linear infinite;
}

이것은 플레인 css에서 동작하지만 컴포넌트가 갱신될 때마다 재시작됩니다.

<transition appear appear-class="endless">
    <div class="endless_animation_div"></div>
</transition>

컴포넌트가 갱신될 때마다 재기동되는 것은 아니고, 1회만 기동합니다.vue 전환을 무한히 애니메이션화하는 방법은 무엇입니까?

언급URL : https://stackoverflow.com/questions/57462504/how-to-animate-css-infinitely-with-vue