이전 글에서 화면 오른쪽 밖에서 시작해 텍스트가 흐르는,가장 기본적인 marquee 효과를 CSS만으로 구현해봤습니다. 이 방식으로도 간단한 안내 문구나 텍스트 전광판 등의 다양한 용도로 충분히 활용할 수 있지만,애니메이션에는 사이클이 존재하기 때문에, 주기적으로 끊기는 구간이 발생합니다. 이번 글에서는 애니메이션 사이클의 원리를 응용하여,끊김 없이 처음부터 텍스트가 무한으로 흐르는 marquee 효과를 CSS 만으로 구현해보겠습니다. 무한으로 흐르는 marquee 구현해보기 우선, 같은 내용의 텍스트 그룹을 group1과 group2로 나누어 나란히 배치 합니다.그리고 group1의 애니메이션이 끝날 즈음 화면 밖에서 group2가 이어서 재생 되는 식으로 구현하고교차 반복 시키면 을 무한히 추가하..
