HTML_CSS_Sample (1) HTML_CSS_Sample 원형 그라데이션 테두리 회전(Circle Gradation Border Rotation) 효과 HTML과 CSS만을 이용하여, 원형 그라데이션 테두리(Circle Gradation Border)을 표현하고 애니메이션(Animation)을 추가한 효과를 만들어 보자. 결과물 미리 보기 HTML 구성 HTML 요소들을 아래와 같이 구성한다. Circle Gradient Border Rotation Flexbox 레이아웃을 이용한 중앙정렬 스타일시트(CSS)의 플렉스박스(Flexbox) 레이아웃(Layout)을 아래와 같이 지정하여 컨테이너 요소(.container)가 중앙정렬(수직 방향과 수평 방향 모두 중앙정렬) 되도록 한다. body { margin: 0; padding: 0; color: #efefef; background-color: #333333; } .container { display: .. ❮ 1 ❯