스타벅스 클론(13) - 다중 요소 슬라이드

전에 비슷한 효과를 만들었습니다.

 

이번에도 swiper 라이브러리를 통해 위와 같은 효과를 만들어보겠습니다.

 

html파일입니다.

css파일입니다.

js파일에서 swiper 라이브러리를 사용했습니다.

자동재생이 true, 순환재생도 true입니다.

요소들 사이에 간격이 30px이며,

요소 먼저 5개를 보여줍니다.

그리고 양쪽 화살표는 navigation에서 지정되었습니다.