코딩 슬라임 공방

position 응용하기 See the Pen vYNyVLL by Lee Hoyeon (@nixpluvia) on CodePen. box-sizing:border-box로 border가 사이즈를 늘리는 걸 방지. transform: translateX(n) translateY(n) ; transform의 %는 자신의 크기 기준으로 움직인다. translateX의 음수 값은 좌측으로 움직인다. translateY의 음수 값은 top방향으로 움직인다. 그래서 화면 중앙에 놓이게 할 때에는 2가지 방법을 사용하는데 1. top,left,bottom,right값이 모두 같은 값을 가지고 있다.(width,height사용x) 2. top: 50%; left: 50%; 를 사용하고 transform: transla..