CSS 연속 애니메이션
P粉928591383
P粉928591383 2024-03-20 12:30:42
0
1
481

다음 CSS 코드가 있습니다. 문제는 애니메이션이 내가 원하는 대로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다.

으아악

키프레임 외부에서 이를 구현하는 방법을 모르겠습니다.

EDIT: html + tailwind 코드를 사용하세요.

으아악
P粉928591383
P粉928591383

모든 응답(1)
P粉852578075

애니메이션이 시작된 것과 같은 위치에서 끝나는지 확인해야 합니다...

100%更改为50%,并添加100%(与0%동일합니다). (원래 지속 시간에 맞게 애니메이션 지속 시간에 2를 곱합니다.)
(테스트되지 않았지만(정확하게 재현할 수 없음) 작동해야 함)

으아악

데모: (이것이 당신이 말하는 것이기를 바랍니다)

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿