그림 16-4 키즈가오 forest1 공간: 토끼가 회전하는 애니메이션

 

 

forest2 공간에서 기계의 왼쪽 부품과 오른쪽 부품에는 각각 moveLeft와 moveRight 애니메이션 이름을 적용합니다. 애니메이션 지속 시간을 1s, 속도를 linear, 횟수를 infinite로 적용합니다. 그리고 반복 효과를 적용하기 위해 alternate를 입력합니다.

양쪽 기계 부품은 서로 반대 반향으로 움직이므로 왼쪽 기계에는 left: 30px과 left: 0을 적용하고, 오른쪽 기계 부품에는 left: -30px과 left: 0을 입력합니다.