JavaScript - slick.js - Animations Bug between last and first slide 슬릭 마지막슬라이드 끊김현상

https://github.com/kenwheeler/slick/issues/3271

Slick Center Mode - Animations Bug between last and first slide · Issue #3271 · kenwheeler/slick

 

해당 문제

infinite : true 일때 첫 슬라이드와 마지막 슬라이드의 애니메이션이 부자연스러운 현상이 일어났습니다.

 

보니 슬라이드 순서 예를들어  ☆ - ● - ◇ - ☆복사 - ●복사 순서라 ◇이 끝나면 ☆복사가 보여지고

그와 동시에 ☆복사가 사라지고 ☆이 다시 보이게 되어있는데, 이 과정에서 부자연스럽게 보이는 것입니다.

 

이걸 자연스럽게 만들면 되면 해결되기 때문에 CSS에 해당 코드 입력하여 해결했습니다.

.slick-cloned.slick-center {transform:scale(1) !important;}