[JavaScript] 자바스크립트 요소 이동하기

178_자바스크립트 요소 이동하기 [적용] 요소의 이동 모션으로 주의를 환기하고 싶을 때 [내용] 좌표의 변경은 CSS transform 속성에 translate() 메소드를 사용한다. translate()를 사용해 요소의 수직과 수평 이동이 가능하다. CSS transitions와 Web Animations API의 예시를 확인해 보자. CSS Transitions를 사용한 샘플 CSS (부분) style.css .rect { width: 100px; height: 100px; display: block; position: absolute; background: white; top: 150px; transition: all 3s; } .rect.state-show { transform: translat..

2022.07.19