CSS 연속 애니메이션
다음 CSS 코드가 있습니다. 문제는 애니메이션이 내가 원하는 대로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다.
으아악키프레임 외부에서 이를 구현하는 방법을 모르겠습니다.
EDIT: html + tailwind 코드를 사용하세요.
으아악다음 CSS 코드가 있습니다. 문제는 애니메이션이 내가 원하는 대로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다.
으아악키프레임 외부에서 이를 구현하는 방법을 모르겠습니다.
EDIT: html + tailwind 코드를 사용하세요.
으아악
P粉8525780752024-03-21 09:21:42
애니메이션이 시작된 것과 같은 위치에서 끝나는지 확인해야 합니다...
는 100%更改为50%，并添加100%（与0%동일합니다). (원래 지속 시간에 맞게 애니메이션 지속 시간에 2를 곱합니다.)
(테스트되지 않았지만(정확하게 재현할 수 없음) 작동해야 함)