더북(TheBook)

여기서 한 가지 주의할 점이 있습니다. 바로 잠자리에서 적용한 left 속성을 달과 해에서는 사용할 수 없다는 점입니다. 그 이유는 style.css 파일에 적용한 position 속성의 속성값과 관계가 있습니다.

잠자리는 absolute 속성값을 적용한 상태이므로 3차원 특성이 있습니다. 따라서 left 속성을 사용할 수 있습니다. 반면 달과 해는 어떤 position 속성의 속성값도 입력하지 않은 상태, 즉 position: 속성이 static 속성값인 상태이므로 2차원 특성이 있어 left 속성을 사용할 수 없습니다. 이렇듯 애니메이션은 position 속성의 속성값과도 관계가 깊으므로 유의해서 사용해야 합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.