#transform

토글 화살표가 뒤집힐 때 위아래로 출렁이는 이유

펼쳐보기·접기 토글의 삼각형 화살표를 rotate(180deg) 로 뒤집으면, 제자리에서 도는 대신 위아래로 살짝 들썩인다. 회전 축은 박스 중심인데 눈은 삼각형의 무게중심을 보기 때문이다. 눈대중 보정으로 넘기는 대신, 무게중심이 왜 높이의 66.67% 지점에 있는지 이해하고 transform-origin 으로 정확하게 바로잡는 방법을 살펴본다.

제목과 본문에서 검색합니다.