반응형
CSS요소움직이기
-
<HTML/CSS> Animation 기초 : 요소 움직이기컴퓨터 알아가기/HTML CSS 2022. 9. 19. 19:30
CSS에서 애니메이션 기초는 Rock's EasyWeb을 기본으로 공부하고 있습니다. Transition의 기본 개념을 이해 하였으니 좀 더 시각적으로 효과적인 Animation 기초를 공부할 필요성을 느꼈습니다. 정말 공부를 하고자 하면 할 내용이 참 많군요. Animation을 공부할 포인트는 어떤 요소를 화면에서 움직이게 하는 기본형태를 공부할 예정인데 다음 순서대로 CSS를 공부해 보고자 합니다. ① 하나의 요소의 색을 변하게 ② 애니메이션 효과를 통하여 요소를 움직이게 ③ 움직이는 요소의 색이 변하게 우선 첫번째 과제를 위하여 기본적인 네모난 요소를 만드는데 HTML상 class명이 square인 태그 기준으로 진행하고자 합니다. 1. 하나의 요소의 색을 변하게 첫번째로 화면에서 빨간 사각형이 ..