javascript1 20230712 3dTransform.html 3D Transform을 배워보는 시간이다 물체와 나의 거리를 perspective라고 한다. 극단 적인 예.. perspective-orgin이란 예를 들어 뚜껑이 없는 상자의 바닥을 내려 보았을 때의 시점이라 생각하면 쉽다. 10% 90%가 적용된 모습이다. transform-origin은 x축 y축 z축이 만나는 지점을 의미한다. 3d transform 테스트 3D Transform을 통해서 정육면체 만들어보기 3d cube 테스트 1 2 3 4 5 6 3d cube 테스트 1 2 3 4 5 6 위에 정육각형을 만든 코드인데 나름 주의할 점은 .cube > div:nth-child(n){ transform: rotaeX(ndeg) translateZ(n px); } 코드 쪽에서 순서가 바뀌면 안된다.. 2023. 7. 12. 이전 1 다음
