국내 화장품 브랜드중 상위권인 마녀공장 공식몰을 분석해 보고 클론 코딩을 해보았습니다
메인 화면 구현시 특이사항
- 띠배너 스크롤 일정 이하로 내려올시 hide, css로 구현해보자.
- header는 일정 이하로 내려왔을때 top에 고정됨, 로고 위치 변경
- 오른쪽 위 1초 회원가입 - 에니메이션 효과 넣기
- hero banner 슬라이딩 효과 넣어야함.
- 카카오버튼 , 스트롤 위아래 fixed
- 중간 빨간색 텍스트 슬라이딩
- 최소- 최대 width 구현 필요
기술적인 부분
- CSS nesting, Flexbox Layout 구현
- 기본적인 reset, css 변수(컬러, 폰트등) 셋팅