반응형 자바스크립트 css 바꾸기1 자바스크립트로 스크롤시 CSS 배경색 변경하기 | window.scrollY 스크롤을 내리면 헤더의 색상이 변경되는 코드를 자바스크립트로 작성하였습니다. addEventListner와 classList, requestAnimationFrame() 메서드가 사용됩니다.자바스크립트로 스크롤 시 CSS 변경하기헤더의 배경색을 transprent로 투명하게 설정했는데 스크롤을 내렸을 때 밝은 배경에서는 헤더가 잘 안보이는 경우가 있습니다. 이럴 때 자바스크립트로 검정색 배경색으로 바꾸는 방법을 알아보겠습니다.[CSS] 스크롤 시 바꿀 디자인 작성하기header.scrollColor{ background-color: black; animation: changeColor 0.5s ease-in-out;}@keyframes changeColor{ 0%{ opaci.. 2024. 10. 31. 이전 1 다음 반응형