![[CSS] 공전하는 애니메이션 효과 (transform: rotate) 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FdAbi04%2FbtqVOrIz3tS%2FAAAAAAAAAAAAAAAAAAAAAN0b57STSDPw9j0DprWUOx0RWi4nyEj6pnBrAxcLW_07%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DzOL09e6hubvQq9cqU8MLLvn4HKs%253D)
HTML&CSS
[CSS] 공전하는 애니메이션 효과 (transform: rotate)
기본세팅 HTML 1 2 3 4 5 SCSS .outer { width: 20rem; height: 20rem; position: relative; border: 2px solid #426190; border-radius: 50%; margin: 25% auto; } .satellite_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .satellite_box { position: absolute; top: -25%; left: -25%; width: 150%; height: 150%; animation: forwardRotate 8s linear infinite; text-align: center; line-height:..
