반응형 CSS1 [HTML소스포함] 클릭으로 박스 이동하기, JavaScript 예제 클릭으로 박스 이동하기 CSS 애니메이션 예시 이동 [HTML소스포함] 1. CSS 부분: - #box: ID가 "box"인 요소에 스타일을 적용합니다. - transition: 트랜지션(애니메이션) 속성을 설정하여 요소의 스타일 변화에 대한 애니메이션을 지정합니다. 여기서는 left 속성에 1초 동안의 트랜지션을 설정했습니다. 2. HTML 부분: - : "이동" 버튼이 있고, 클릭 시 moveBox() JavaScript 함수를 호출합니다. - : 이동할 박스 요소입니다. 3. JavaScript 부분: - moveBox(): 버튼 클릭 시 호출되는 JavaScript 함수로, "box" 요소의 left 속성을 변경하여 박스를 오른쪽으로 200px 이동시킵니다. 이 코드는 사용자가 "이동" 버튼을 클.. 2023. 12. 8. 이전 1 다음 728x90 반응형
