예를 들어, transient를 사용하여 2s duration 애니메이션을 구현할 때 "translate (x, y)"값을 ​​변경하면 "CSS3 transient animation"처리에서 transient 값을 얻을 수 있습니까?

Question

0.5 초에 translate (x, y)의 현재 값을 어떻게 얻을 수 있습니까?

Answer 1

나는 그렇게 생각하지 않습니다. 전환 타이밍 기능을 linear으로 설정하면 쉽게 예측할 수 있고, 다른 타이밍 기능에 대해서는 베 지어 곡선을 사용하면 쉽게 해결할 수 있습니다.

당신이 이것을 찾아야한다면 애니메이션 (키 프레임을 사용하는 곳을 정의 할 수 있음)을 사용하거나 자바 스크립트 (DOM 요소, 캔버스 또는 SVG 중 하나)를 사용하여 애니 메이팅하는 것이 더 좋습니다.