scale

    [HTML5&CSS3] 2차원 구현

    [HTML5&CSS3] 2차원 구현

    CSS3에서 2차원/3차원을 구현하는 데는 transform함수가 사용됩니다. Web Page Design Hello, World! 예제에서는 transform속성에 rotate함수를 사용하여 대상 개체를 60도로 회원 시켰습니다. 이외에 transform에는 다음과 같은 함수 사용이 가능합니다. translate(x, y) 지정된 좌표만큼 개체를 이동시킵니다. (px와 같은 단위사용) translateX(x) X축만큼 개체를 이동시킵니다. translateY(y) Y축만큼 개체를 이동시킵니다. scale(x, y) 지정된 좌표로 크기를 늘리거나 축소합니다. (소수점이나 정수사용) scaleX(x) X축만큼 크기를 늘리거나 축소합니다. scaleY(y) Y축만큼 크기를 늘리거나 축소합니다. skew(x,..