Transform (1) 썸네일형 리스트형 <CSS 기초> 15. Transform & Visibility 1. Transform * 이동 - 이 속성은 앞서 잠깐 다루었던 속성이다. 말그대로 요소의 형태를 변형시킬 때 사용한다. 그러나 다른요소에 영향을 주지 않는다. translate()로 x, y 값을 입력하여 자기 사이즈 기준으로 이동이 가능하다. transform : translateX(50%); : 위와 같이 x에만 적용도 가능하다. - 이 때 transform은 기본적으로 기준점을 가운데로 위치시키지만 이를 변경할 수도 있다. transform-oringin : left top; : 위를 작성하면 기준점이 박스의 왼쪽 위 모서리가 될 것이다. 이는 %나 px로도 작성가능하다. left top은 0% 0%와 같은 의미이며 right top은 100% 100%와 같은 의미이다. * 크기 - scale(.. 이전 1 다음
