부모 박스가 hover 상태일 때 나타나는 자식 박스를 가운데 정렬하는법

• 부모 박스의 position은 relative, 자식 박스의 position은 absolute로 지정
• 자식 박스의 위치 값을 top:50% left:50%을 준다. 이렇게 지정해주면 가운데로 오긴 하지만 왼쪽 상단으로 조금 이동시켜줄 필요가 생긴다.
• 마지막으로 엘리먼트의 크기, 위치 등을 변형시킬 수 있는 속성을 이용하여 transform: translate(-50%,-50%)을 지정해준다.

참고자료 https://firerope.tistory.com/4