CSS CSS로 텍스트가 가로로 흐르는 롤링(스크롤) 효과 만들기
페이지 정보
조회 175회
작성일 24-07-13 12:26
텍스트가 가로 방향으로 흐르는 롤링 효과를 CSS로 구현한 CodePen 예제다. @keyframes에서 요소를 왼쪽으로 translateX 이동시키고 infinite 애니메이션을 적용해, 공지사항이나 배너 문구가 화면을 가로질러 반복적으로 흐르도록 만든다. 속도 조절과 일시정지도 CSS로 처리할 수 있다.
See the Pen Untitled by H J (@H-J-the-typescripter) on CodePen.
- 이전글스크롤에 따라 배경이 움직이는 시차(Parallax) 효과 24.07.13
- 다음글CSS width를 콘텐츠 크기에 맞게 지정하기 (fit-content) 24.07.13