Tag: css

  • CSS 3D Transform rotation 모듈

    CSS 3D Transform rotation 모듈

    이전 3D 변환 축 회전의 이해 (3D Coordinate System) 포스팅에서 3D좌표계를 기준으로 한 회전 방향을 알아보았는데,해당 포스팅에서 알아보고 이해했던 정보를 기준으로 3D transform rotate를 실행해보는 과정에서 보통 게임 수학을 활용해 회전하던 방식과 다르게 오브젝트가 회전하는 것처럼 보였다. 회전축 기준으로 예제를 만들어 보니, 이전 포스팅에서 실컷 공부를 해두고도 좌표계와 오브젝트를 전혀 별개의 요소로만 보고 두 요소가…

    Read More

  • CSS perspective 이해하기

    CSS perspective 이해하기

    perspective 기본 개념 이해해보기. transform 3D를 활용하기 위한 가장 기본적인 perspective(투영점)의 정의. 우선 3D 변형에서 Z축을 이해하기 위해서는 3차원 좌표계 이해가 필요하다.수포자인 본인에게 이 3차원 좌표계를 이해하기란 아주 어렵다… perspective(투영점) 속성은 3D 공간을 활성화하여 그 공간에 요소를 위치시키는 기능을 한다.이것은 평면에 깊이감을 주고 z축 선상에서의 요소의 위치에 따라 크고 또는 작게 보이게 해준다. 많은 글과…

    Read More