- 너비와 높이가 150px인 상자를 만들고 그 위를 도는 원을 만들었다.
- 애니메이션을 통해서 위치를 정해주고 계속 반복하고 한 바퀴가 끝나면 반대로 돌게 설정했다.
- 처음에는 red로 시작하고 마지막은 pink로 끝나게 된다.
'HTML, CSS, javascript > 실습' 카테고리의 다른 글
포트폴리오(싱글페이지) 제작 실습 (0) | 2022.06.03 |
---|---|
:hover 실습 (0) | 2022.05.31 |
사과 주문 웹페이지 만들기 (0) | 2022.05.24 |
속성 선택자 실습 (0) | 2022.05.23 |
position 실습 (0) | 2022.05.21 |