translate1 CSS-Transform 1. Transform (2차원 변형) 트랜스폼(Transform)은 요소에 이동(translate), 회전(rotate), 확대축소(scale), 비틀기(skew) 효과를 부여한다. 트랜스폼은 애니메이션 효과를 위해 사용하여야 하는 것은 아니지만 애니메이션 효과를 부여할 필요가 있다면 트랜지션이나 애니메이션과 함께 사용한다. 속성 값 설명 translate(20px, 30px) 우측으로 20px, 좌측으로 30px 이동 translateX( ), translateY( ) 따로 사용 가능 (X축 : 가로방향 / Y축 : 세로방향) rotate(30deg) 30도 회전 scale(0.7, 1.3) 가로 70% 축소, 세로 130% 확대 scaleX( ), scaleY( ) 따로 사용 가능 (X축 : 가로방.. 2020. 8. 24. 이전 1 다음
