-
2020년도에 개인 프로젝트로 만든 벤틀리 프로모션 페이지의 2022년 리뉴얼 버전입니다.
-
2020年に個人プロジェクトで作ったベントレープロモーションページの2022年リニューアルバージョンです。
README.md
링크 수정 및 추가
- 반응형 작업(노트북1440px, 스마트폰 최소 320px까지)
- 그 외 scss 정리 및 세부 조정
- 반응형 작업(1024px, 786px)
- css 정리
- 스크롤 톱 버튼 추가(html, css, js)
- 반응형 작업(노트북1440px, 스마트폰 최소 320px까지)
- 그 외 scss 정리 및 세부 조정
- 반응형 작업(1024px, 786px)
- css 정리
- 스크롤 톱 버튼 추가(html, css, js)
- css -> scss로 교체(1단계)
- header 심플하게 교체. 그 전에는 만들어져 있는 걸 가져다 붙였지만, 이번에는 심플하게 움직이는 네비게이션을 vanilla JS로 구현함. 교체함으로써, 간결한 html, js, css가 되었음.
- 스크롤 스타일 변경
- 부드럽게 내려가도록 스크롤 js를 넣었으나, 무겁고 에러가 나서 삭제.
- 슬라이드 애니메이션 효과 변경 -> 페이드 인아웃 적용
- 앵커 링크 -> jquery 삭제하고 css
scroll-behavior: smooth;
로 넣음.
header- 호버 효과
- 스크롤 애니메이션 효과
- SPECIFICATIONS 부분을 좀 더 디자인할 것
반응형