Inflearn brand logo image

인프런 커뮤니티 질문&답변

pom0306님의 프로필 이미지
pom0306

작성한 질문수

웹 애니메이션을 위한 GSAP 가이드 Part.01

키프레임 사용하기 (2)

어몽이를 stage의 100% 로 보낼 수 있는 방법이 궁금해요!

해결된 질문

작성

·

18

1

 키프레임 wrap around 실습하다가 궁금해서 여쭤봐요!

해설해주신 대로 어몽이를 x를 420으로 하면

부모인 stage 가로사이즈 500px이 바뀌면 어몽이에 적용한 420도 같이 바뀌어야 해서

부모 사이즈를 기준으로 하려면 left나 right 속성을 사용하는 방법 밖에 없을까요?

답변 1

0

범쌤님의 프로필 이미지
범쌤
지식공유자

안녕하세요 pom0306님 😀

부모사이즈를 기준으로 움직이고 싶다면, %를 사용하시면 보다 유연하게 애니메이션을 설정할 수 있습니다.
단 %를 쓸 경우 문자로 감싸주셔야 해요!

 

gsap.to(target, {x: '80%'})

 

열심히 시청해주셔서

감사합니다 :)

pom0306님의 프로필 이미지
pom0306

작성한 질문수

질문하기