본문 바로가기
CSS

다수 원 회전 애니메이션

by 코딩달림 2022. 9. 26.
728x90

다수 원 회전 애니메이션

CSS를 사용해 다수의 원을 회전시키는 간단한 애니메이션 효과 입니다.

이번 애니메이션은 여러개의 원이 8자 형태로 계속 움직이는 애니메이션 효과입니다.
5개의 원이 회전하는데 각각 크기와 투명도를 다르게 하고 애니메이션에 딜레이를 주어 하나의 원이 잔상효과를 갖는 느낌으로 움직이도록 했습니다.

※ 애니메이션 딜레이
animation-delay : 애니메이션의 움직임에 주어진 지연 시간을 가지고 움직이도록 합니다.

'CSS' 카테고리의 다른 글

텍스트 테두리 애니메이션  (1) 2022.09.26
움직이는 텍스트 애니메이션  (1) 2022.09.26
CSS Animation 2  (4) 2022.09.08
css animation 1  (7) 2022.09.07
SVG Animation  (5) 2022.09.07

댓글


광고 준비중입니다.