다음 CSS 코드가 있습니다. 문제는 애니메이션이 내가 원하는 대로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다.
키프레임 외부에서 이를 구현하는 방법을 모르겠습니다.
EDIT: html + tailwind 코드를 사용하세요.
애니메이션이 시작된 것과 같은 위치에서 끝나는지 확인해야 합니다...
는 100%更改为50%，并添加100%（与0%동일합니다). (원래 지속 시간에 맞게 애니메이션 지속 시간에 2를 곱합니다.) (테스트되지 않았지만(정확하게 재현할 수 없음) 작동해야 함)
100%
50%
0%
데모: (이것이 당신이 말하는 것이기를 바랍니다)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
애니메이션이 시작된 것과 같은 위치에서 끝나는지 확인해야 합니다...
는
100%更改为50%，并添加100%（与0%동일합니다). (원래 지속 시간에 맞게 애니메이션 지속 시간에 2를 곱합니다.)(테스트되지 않았지만(정확하게 재현할 수 없음) 작동해야 함)
데모: (이것이 당신이 말하는 것이기를 바랍니다)