[Markup] CSS 애니메이션으로 상하 무한 슬라이드 구현


[Markup] CSS 애니메이션으로 상하 무한 슬라이드 구현

1. 목표 외부 라이브러리를 사용하지 않고 CSS 애니메이션만으로 상하로 움직이는 무한 슬라이드를 구현 2. 구현 결과 미리보기 3. 구현하기 슬라이드가 진행하며 동일한 슬라이드가 한 화면에 위와 아래 동시에 보여져야하므로 슬라이드는 각 2개씩 생성 <div class="box"> <div class="slider1"> <div class="slide1"></div> <div class="slide2"></div> <div class="slide3"></div> <div class="slide1"></div> <div class="slide2"></div> <div class="slide3"></div> </div> <div class="slider2"> <div class="slide1"></div> <div class="slide2"></div> <div class="slide3"></div> <div class="slide1"></div> <div class="slide2"><...


#CSS #Markup #Slide

원문링크 : [Markup] CSS 애니메이션으로 상하 무한 슬라이드 구현