CSS의 전환이 다른 요소에 영향을 미치지 않습니다.

Question

안녕하세요 여러분, 저는 몇 가지 객체를 애니메이션으로 만들려고하는 학교 프로젝트가 있습니다. CSS 전환이 작동하지만 다른 요소가 전환의 영향을 받기를 원하지 않습니다. 이 문제를 극복하기 위해 CSS 위치 지정을 사용하는 것에 대해 이야기하는 다른 예제를 살펴 봤지만 예제에 위치를 추가하면 이미지가 트 위치 잡기 시작하고 다른 HTML 요소가 모든 곳으로 이동합니다. 나는 내 jsbin을 붙이고있다. 내가 사용하고있는 API를 통해 looping하기 위해 angularjs를 사용하고 있는데, 그것이 어떻게 든 영향을 미치는지 나는 모른다.

http://jsbin.com/opEhAVi/1/edit

Answer 1

요구 애니메이션 요소는 절대적으로는, 예를 들면 사이즈를 변경하면, 다른 요소에 영향을 미치지 않도록 배치된다.

상대적으로 배치 된 요소의 목록을 만드는 것이 좋습니다. 이러한 요소는 원하는 레이아웃을 달성하기위한 컨테이너 일뿐입니다. 각 요소는 절대 위치 요소를 포함합니다. 이것이 애니메이션이 될 요소 인 내용입니다. 절대적으로 배치되므로 다른 요소에는 영향을 미치지 않습니다.

이 문제가 발생 JS 또는 CSS를하지

http://jsbin.com/ogAvAZUm/2/edit