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

김동님의 프로필 이미지
김동

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

전진! 3D 스크롤 6

질문이 있어요! ㅜ

작성

·

211

1

translateZ축을 -로주면 왼쪽으로보내고 양수주면 오른쪽으로 보내는건 알겟는데요! 그 Z축 자체가 왼쪽오른쪽이 원래 적용 되는건가요? 아니면 부모에 Z축을 줘서 왼쪽오른쪽으로 갈리는 건지요ㅠㅠ Z축자체는 3d효과가 아니었나요 ㅠ? 아니면 rotateY축을 줘서 그렇게 보이는걸까요 ㅠ? 너무 자주물어봐서 죄송합니다. ㅠ

답변 3

0

transform-origin이라는 속성도 있었어요 ^_^ 모든 속성 transform-origin 기본값은 center center에요 만일 질문자님처럼 transform Z축 자체에 왼쪽 오른쪽 위 아래를 변경하고 싶으시면 transform-origin의 값을 변경하시면 됩니다.
근데 세월이 많이 지나서 이정도는 이미 알고계실것 같네여 ㅎㅎㅎ
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

0

김동님의 프로필 이미지
김동
질문자

감사합니다 선생님!

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

rotateY로 Y축 방향으로 90도 회전이 된 상태이기 때문에,
자기 자신은 앞뒤(Z방향)로 이동하는거지만 우리 눈에는 왼쪽오른쪽으로 보이는 거지요.
질문 자주 하셔도 괜찮습니다 ㅎㅎ

김동님의 프로필 이미지
김동

작성한 질문수

질문하기