[CSS] SVG, Animation

• SVG는 확장 가능한 벡터 그래픽으로, HTML 태그로 이루어져 있으며 CSS와 JavaScript로 컨트롤 가능하다. 이를 통해 이미지 파일을 변환하고, CSS로 채색 및 변형할 수 있다.

• Animation은 정적인 요소를 움직이게 하는 기능으로, CSS를 통해 구현할 수 있다.

• Animation을 적용하기 위해 @keyframes 규칙을 사용하며, transform: translate를 통해 위치를 지정할 수 있다.

• CSS만으로도 역동적인 페이지를 만들 수 있으며, 실습을 통해 이를 체험하였다. 이를 통해 스스로도 구현해낼 수 있을 것이라는 기대감을 가지게 되었다.