728x90
반응형
menu1을 클릭했을 때 section1이 나올 수 있도록 링크를 걸어준다.
나머지 section 내용 넣어주기
css reset 넣어주기
css 편집 셋팅
#contents 편집
●background: radial-gradient (ellipse farthest-corner at center center, 색상코드 영역(0%), 색상코드 100%)
멀리있는 코너부터 서서히 바꾸어줘라
나머지 #section 도 백그라운 그라데이션 넣어주기
#nav 편집
● position: fixed;
nav 고정시키기
패럴럭스
J-Query 이용해서 script 넣어주기
꼭지점(offset) 찾기
메뉴를 클릭하면 해당 section으로 창이 뜬다.
728x90
반응형
'☭DEVELOPER > #2 웹개발(자바기반 풀스택)' 카테고리의 다른 글
| 비주얼 스튜디오 코드 50 _ Parallax02 (0) | 2023.06.27 |
|---|---|
| 비주얼 스튜디오 코드 49_ 웹표준) 탭메뉴 (0) | 2023.06.27 |
| 비주얼 스튜디오 코드 47_ 반응형 레이아웃 (0) | 2023.06.26 |
| [JAVASCRIPT] 4. 마우스 오버 효과 (0) | 2023.06.23 |
| 비주얼 스튜디오 코드 46_ flex (0) | 2023.06.23 |