728x90
빙글빙글 돌아가는 원
빙글빙글 돌아가는 원 두개를 한번 만들어보겠습니다!
HTML 코드
하단의 예제용 html을 통해 클래스 .circle1~2를 만들어줍니다.
<div class="loading">
<span class="circle1"></span>
<span class="circle2"></span>
</div>
CSS 코드
하단의 예제용 CSS을 통해 클래스 .circle1~2를 만들어줍니다.
<div class="loading">
<span class="circle1"></span>
<span class="circle2"></span>
</div>
CSS 코드
하단의 예제용 CSS을 통해 클래스 .circle1~2를 만들어줍니다.
See the Pen Untitled by kimsangjunv1 (@kimsangjunv1) on CodePen.
728x90
반응형
'CSS 애니메이션' 카테고리의 다른 글
| 점점 Long 해졌다가 Short 해지는 박스 애니메이션 만들기 (11) | 2022.09.22 |
|---|---|
| CSS로 3D hover 효과를 구현해보자! (5) | 2022.09.20 |
| 원이 펄럭이는 애니메이션 만들어보기! (3) | 2022.09.19 |
| 무한으로 뛰어오르는 공 만들어 보자! (7) | 2022.09.02 |
| 통통 굴러가는 네모박스 📦 (8) | 2022.08.29 |
댓글