[CSS] Visibility와 transform-origin

visibility는 내가 고민하던 부분을 해결해 준 속성이다.

opacity를 이용하면 눈에 보이지는 않지만 클릭이 되는 불편함이 있었는데

이걸 visibility를 사용하면 눈에 보이지 않을 땐 아예 없는 것처럼 보이고 보일 땐 클릭이 가능한 요소를 만들 수 있었다.

​

transform-origin은 요소의 transform 기준점을 잡아준다. 이를 이용해 조금 더 쉬운 위치 설정이 가능하다.