TIL- absolute 가운데정렬

hover관련 이미지를 만들다가 position:absolute일 때 가운데 정렬 하는 방법을 알아보았다.

absolute 가운데 정렬 원리 참고사이트

https://myhappyman.tistory.com/163

MDN

• transform-function
  https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function

• translate
  속성의 파라미터에 2개를 넣는데 첫번째는 x축 두번째는 y축이다.
  xp로 넣으면 넣은 숫자만큼 이동하는 것이다. %로 넣으면 transfrom걸려있는 box의 width, height를 기준으로 %이동하게된다.
  https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate