DOM의 너비를 오른쪽에서 왼쪽으로 변경하려고 시도합니다.

Question

이것은 쉽게 알아낼 수있는 것처럼 보이지만 원하는 것을 찾을 수없는 것 같습니다.

오른쪽에서 왼쪽으로 div의 너비를 움직이게하고 싶습니다. 이것은 기본적으로 왼쪽에서 오른쪽으로 작동하는 것 같습니다.

TweenMax.from($("#hero-container"),0.5,{width:0}); 

div의 근원을 변경하려고했지만 그 차이가없는 것으로 보입니다.

Answer 1

어떤 컨테이너의 오른쪽 가장자리에 #hero-container을 정렬하고 너비를 애니메이션으로 지정해야합니다.

필자는 flexbox를 사용하는 편이 더 좋지만, 그럴만 한 이유가 있다면 position: absolute; right: 0;을 사용할 수도 있습니다.하지만 문서 플로우에서 요소를 제거 할 때 완전히 새로운 수준의 문제를 제시합니다.

flexbox를 사용한 빠른 예 : https://codepen.io/jeppeolesen/pen/VyKebx