transform / translate
- transform의 translate로 요소를 이동할 수 있습니다.
- 평면(2D)에서의 이동입니다.
기본형
transform : translate ( value );
- value에 값을 입력합니다.
- 단위는 px, %, em 등을 사용합니다.
예제
- 평면에서 이동이기 때문에 translateZ 속성은 움직이지 않는 것처럼 보입니다. perspective 속성으로 원근감을 주면 움직이는 과정을 볼 수 있습니다.
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.
같이 보면 좋은 글