CSS 애니메이션에서 특정 키 프레임을 호출 할 수 있습니까?

나는 CSS 애니메이션을 렌더링하려하지만 JavaScript로 처리되는 외부 동적 값의 영향을 받았기 때문에 CSS 애니메이션의 키 프레임을 단계별로 이동하는 방법이 있는지 궁금합니다.CSS 애니메이션에서 특정 키 프레임을 호출 할 수 있습니까?

흥미로운 질문입니다. 특히 테스트 용. @dystroy 더 기본적인 수준을 테스트 하겠지만 누군가가 키 프레임에 커브를 적용하면 외부 키 프레임이 결과 값에 영향을 미칠 수 있습니다. – Katana314

@dystroy 그런 식으로 애니메이션의 각 단계를 수동으로 코딩해야했습니다. 예를 들어 3 차원 회전의 경우 첫 번째 프레임과 마지막 프레임 만 설정해야하는 키 프레임을 사용하십시오. 그렇지 않으면 미친 것입니다. –

애니메이션을 시작setting a negative animation delay으로 시작하도록 강제 설정할 수 있습니다.

당신은 또한, 애니메이션의 지정된 위치에 나타납니다 일시 정지 할 수있는 애니메이션 상태를 설정 아마도 경우

을 (당신은. 표시 할 키 프레임에 해당하는 시간 값을 계산해야합니다)가 아닌 것 움직임. 나는 그것을 시험해 보지 않고 있었다!

2014-06-25 03:32:53 joeytwiddle

답변