안녕하세요. 질문이 있습니다.
267
작성한 질문수 15
먼저 좋은 강의 감사합니다. 너무 재밌게 듣고 있어요.
다름이 아니라 올려주신 소스코드에서
card-side 부분은 absoulte를 주셧지만 world 부분에는 relative를 주지 않으셨습니다. 그럼 디폴트값으로 static이 되고 제가 알기론 absoulte는 static이 아닌 엘리먼트 부모가 없으면 가장 위의태그(body)를 기준으로 적용된다고 알고 있습니다. 하지만 올려주신 소스코드에서 card-side의 left와 top값을 0으로 변경시키며 확인해보면 wolrd 클래스의 div 기준으로 속성값들이 적용되는 것 같습니다. world 바깥에 universe라는 div로 한번 더 감싸도 wolrd 기준으로 카드들이 움직이는데 이에 대해 좀 설명 부탁드려도 될까요?
답변 2
0
넵 말씀해주신대로 가운데 정렬은 이해했습니다. 감사합니다.
다만 position-absolute 일 때 left와 top등의 속성이 어느 엘리먼트를 기준으로 하는지가 궁금합니다 ㅜㅜ
0
.world 안의 카드를 가운데로 정렬하는 것은 position 속성을 이용한 것이 아니라 flex를 이용했기 때문입니다^^
.world의 CSS에서
justify-content: center;
align-items: center;
이 두가지가 정렬을 담당하는데요, 그 부분의 값을 flex-start, flex-end 등으로 바꾸어보시면 확인해보실 수 있답니다.
왼쪽/오른쪽 동작시 딜레이 문제
0
93
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
100
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
126
1
animation이벤트 질문이요!
0
71
1
resize handler에서 질문이 있습니다.
0
110
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
216
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
148
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
265
1
rotateY()에서 deg에 따른 차이
0
196
1
코드 작성 순서
0
275
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
394
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
324
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
358
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
303
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
304
2