[JavaScript] 자바스크립트에서 CSS 트랜지션(Transitions), 애니메이션(Animations)사용하기

173_자바스크립트에서 CSS 트랜지션(Transitions), 애니메이션(Animations) 사용하기 [적용] CSS 애니메이션 타이밍에 맞춰 작업을 처리하고 싶을 때 [내용] CSS Transitions와 CSS Animations는 기본적으로 셀렉터의 상태 변화에 따라 발생한다. 예를 들어, 요소에 클래스를 쿠가하거나 제거하면 상태가 변한다. 그러므로 자바스크립트는 요소의 클래스를 조작하여 CSS Transitions과 CSS Animations를 사용할 수 있다. HTML index.html Transition 확인 JavaScript main.js const button = document.querySelector('button'); button.addEventListener('click', ..

2022.07.16