web/js project for beginner

[토이 프로젝트] Side Bar 만들기

xudegloss 2023. 5. 5. 17:00

Side Bar

구현 방법 구현 여부
document.querySelector O
addEventListener O
classList.toggle O
classList.add O

 

 

인라인 스타일 요소를 hover 시에 변경하고 싶은 경우에는 js를 이용하여 변경해야 한다.

 

  • getComputedStyle : 인라인 스타일에서 원하는 스타일 가져오는 방법이다.
  • cssText : 인라인 스타일 변경하는 방법이다.

트랜지션, @keyframes 애니메이션, 트랜스폼 모두 사용하였다. 차이점 명확하게 기억하기!