JavaScript84 페이지 스크롤 인터랙티브 개발 실무 끝장내기 강의를 듣고 정리한 내용입니다. 정리도 만들 내용 - 상품명 - 상품 설명 - 상품 사진 -> 페이지 이동에 따라 애니메이션 효과 - 오른쪽 페이지 버튼 -> 누르면 해당 페이지 이동 / 검은색 = 현재 페이지 HTML NIKE 스니커즈 블레이저 미드 '77 빈티지 나이키 블레이저 미드 '77 빈티지는 빈티지한 중창 마감 처리로 나이키 올드 스쿨 농구화의 느낌을 살렸으며, 마치 수년간 보관해온 듯한 룩을 연출합니다. 에어맥스 95 나이키 에어맥스 95에는 놀랄만큼 편안한 착화감과 시선을 사로잡는 스타일, 그리고 재생 소재가 어우러져 있습니다. 펠트, 메쉬 그리고 인조가죽의 풍부한 텍스처를 선보이며 클래식 러닝 DNA에 새로운 디자인을 선사합니다. 적당히 두툼한 디자인과 부드.. 2021. 5. 15. 숫자게임 HTML 내가 생각한 숫자는? (1~10 사이에 있습니다.) 확인 CSS body { height: 100vh; background: linear-gradient(120deg, #0272a4, #f6a564); } .contWrap { position: relative; width: 400px; background: rgba(255,255,255,0.7); padding: 50px 20px; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center; border-radius: 20px 20px 20px 20px; } .box { display: inline-flex; } input { margin-right: 5px; paddin.. 2021. 5. 13. 가위바위보 문제 정리 HTML reset 가위 vs 가위 결과 CSS h1 { font-size: 100px; font-weight: bold; } h2 { font-size: 50px; font-weight: bold; margin-left: 5rem; } p { font-size: 30px; } button { font-size: 20px; padding: 10px 30px; cursor: pointer; } Java Script window.onload = function() { var button = document.querySelector(".startBtn"); var text1 = document.getElementsByTagName("h1")[0]; var text2 = document.getElement.. 2021. 5. 12. 이전 1 ··· 7 8 9 10 다음
