[Effect] 메뉴 버튼 center 효과
😊 이번 시간에는 메뉴에서 활성화된 버튼을 중앙에 배치하는 효과를 만들어보았다! 1. 미리보기 See the Pen button center efffect by KumJungMin (@kumjungmin) on CodePen. 2. 코드 분석 1) html html을 보면 전체를 감싸는 .container와 .list가 여러 개의 .btn을 감싸는 구조이다. You cliked "? " apple pineapple orange pear banana tomato orange pear 2) CSS(SCSS) (1) body에 기본 스타일 지정하기 body 내부 요소들이 수직, 수평 중앙 정렬이 되도록 flex를 사용한다. body { height: 100vh; /* 수직중앙을 위해 높이 설정 필수 */ di..
2022. 5. 22.
