코딩쌀롱

✱ translate() 원래의 위치를 기준으로 이동하고, 원래의 위치 정보는 남아있다. 값을 하나만 넣으면 x축 이동, y축은 그대로(이동X) position translate 해당 요소의 컨테이너를 기준으로 해당 요소의 본래 위치를 기준으로 absolute의 경우 레이아웃의 다른 요소들과 완전히 별개의 존재가 되어 영향을 미치지 않음 본래 차지하고 있던 공간을 그대로 유지 주로 레이아웃을 짤 때 주로 hover, active와 같은 트리거 이벤트에 top, left는 각 프레임을 그려내는 데 너무 많은 시간을 소요한다. 그 결과 약간 뚝뚝 끊어지는 듯이 전이가 이루어진다. 반면에 translate는 요소가 GPU(RenderLayer)상에서 자기 자신의 레이어 위에 놓여지도록 만든다. GPU 상에서 ..