CSS border rotate 테두리 회전 방법
이 방법은 눈속임입니다. 실제로 테두리가 회전하는것이 아닌, 백그라운드의 영역이 돌아가는 것입니다. 총 3단계의 레이어가 필요합니다. 백그라운드에는 overflow: hidden이 적용되고 중간이 회전하는 오브젝트이며 가장 최 상위 요소가 두번째의 백그라운드 요소를 가려서 실제로 테두리처럼 보이게 하는 효과인 것입니다. 말로는 설명이 어려우니까 바로 미리보기부터 살펴보시겠습니다. 미리보기 See the Pen CSS3 border rotate by rgy0409 (@rgy0409) on CodePen. 다양한 테두리가 div 박스를 회전하고 있습니다. 그러면 자세한 설명 들어갑니다. 원리 이해 먼저 그림으로 설명드리겠습니다. 총 3개의 요소가 필요합니다. 맨 아래는 전체 크기의 기준이 되는 요소가 사용됩..