어몽이를 stage의 100% 로 보낼 수 있는 방법이 궁금해요!
키프레임 wrap around 실습하다가 궁금해서 여쭤봐요!
해설해주신 대로 어몽이를 x를 420으로 하면
부모인 stage 가로사이즈 500px이 바뀌면 어몽이에 적용한 420도 같이 바뀌어야 해서
부모 사이즈를 기준으로 하려면 left나 right 속성을 사용하는 방법 밖에 없을까요?
Câu trả lời 2
1
const stageEl = document.querySelector('.stage');
const amongEl = document.querySelector('.stage .among');
const moveMaxX = stageEl.clientWidth - amongEl.clientWidth;
이렇게 해서 동적으로 부모의 위치를 계산하고, 현재 어몽이 width값도 빼서 했어요
0
안녕하세요 pom0306님 😀
부모사이즈를 기준으로 움직이고 싶다면, %를 사용하시면 보다 유연하게 애니메이션을 설정할 수 있습니다.
단 %를 쓸 경우 문자로 감싸주셔야 해요!
gsap.to(target, {x: '80%'})
열심히 시청해주셔서
감사합니다 :)
깃권한요청드립니다
0
3
1
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
12
3
<div id="banner">배너 이미지</div> 관련 질문
0
7
1
변수 설정 시에 질문입니다.
0
10
1
강의자료
0
17
1
윈도우에서 Node js를 설치하고 싶어요
0
25
0
addToFile function에서 path를 사용해 새로운 파일을 생성
0
35
1
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
31
2
hover pulse animation 관련해서 질문있습니다!
0
82
2
autoAlpha : 0 사용 시 css로 visibility hidden 꼭 줘야하는지 궁금해요
1
243
2
gsap으로 흐르는 배너도 제작이 가능할까요?
1
487
2
혹시 부드럽게 진입 이후 루프가 가능할까요?
2
214
1
다중요소 제어시 질문드립니다.
1
265
2
timeline를 호출한 함수를 변수에 할당할때, const/let 둘 중에 어떤 것으로 해야 하나요?
1
483
1
gsap 상업적 사용여부
1
1036
1
fork 주소가 어떻게 되나요?
1
466
1
강사님 다중요소제어 stagger 질문있습니다
2
463
1
노션 주소 좀 확인해주세요. 잘못되어 있는 것 같아요. 아무것도 클릭이 안됩니다.
1
725
1
autoAlpha를 사용한다고 해도 성능상의 이점은 없는거 아닌가요?
1
560
1
기초 트위닝 질문
1
384
1
선생님 Advanced 강의가 절실합니다.
1
480
1
어몽이가 안나와요!! 저만 그럴까요?
1
523
2
추후에 반응형에 관련된 강의 내용도 포함될까욥,,?
1
751
1
❗️긴급❗️ 선생님 실습파일이 잘못된것 같습니다.
1
558
1