front-end 공부하기/Javascript2 [Javascript / Html / CSS] Typing Text (타이핑 텍스트 효과) 1. Html + CSS 꾸미기 타이핑 효과를 주기 전에 먼저 원하는 폰트와 원하는 text를 화면에 배치합니다. I'm Coding *{ box-sizing: border-box; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } .container{ height: 100%; height: 100vh; background: #32a89b; color: #fff; display: flex; justify-content: center; align-items: center; } .container h1{ font-size: 80px; } 이렇게 나오면 성공! 2. Typed JS를 설치 https://github.com/mattboldt/typed.j.. 2022. 10. 26. [Javascript] checkbox is checked / 체크 여부 확인 / 스크롤 막기 메뉴 버튼을 만들 때 checkbox의 체크 여부를 통해 메뉴가 열리고 닫히는 애니메이션을 만들었다. 문제는 메뉴가 열리고 나서도 스크롤이 계속 진행되었는데 이 부분은 스크립트로 처리하였다. 메뉴는 따로 스크롤이 필요 없을 만큼 짧기 때문에 body에서 스크롤을 막아주었다. .hidden { height:100%; min-height:100%; overflow:hidden !important; touch-action:none; } 이 css가 body에 적절하게 들어갈 수 있도록 스크립을 짜면 끝! 문제는 체크 여부 스크립을 어떻게 짜야하는지 감이 오지 않아 서치 해보았다. https://stackoverflow.com/questions/9887360/how-can-i-check-if-a-checkbox.. 2022. 9. 27. 이전 1 다음
