다수 원 회전 애니메이션

다수 원 회전 애니메이션

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

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

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