키 프레임을 다른 속도로 애니메이트하는 방법은 무엇입니까?

Question

나는 애니메이션 키 프레임 0%, 25%, 50%, 75%, 100%에 대한 5 점을 가지고 있고이 같은 100 %로 빠르게 모두 75 %에서 제외하고 내 애니메이션을 만들고 싶었다 :

animation: goal 1s, goal 1s, goal 1s, goal 1s, goal 15s; 

그러나 15 초의 같은 속도로 애니메이션. 그리고이 같은 시도 :

animation: goal 1s, goal 1s, goal 1s, goal 15s, goal 1s; 

을 지금은 1 초의 같은 속도로 애니메이션입니다.

그래서 나는 0 %에서 75 %까지 1 초의 속도를, 75 %에서 100 %까지 15 초의 속도를 가질 수 있음을 이해할 수 없습니다.

demo

Answer 1

하나는 2 개 개의 별도 애니메이션으로 분할하거나 완화, easeOutExpo 또는 뭔가

를 사용