84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
다음 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를 곱합니다.)(테스트되지 않았지만(정확하게 재현할 수 없음) 작동해야 함)
데모: (이것이 당신이 말하는 것이기를 바랍니다)