slide 구현하기
-
stacked card slider 구현하기(react, styled-component)프론트엔드 개발자가 될거야./react 2023. 5. 11. 12:59
디자이너님에게 아래에 있는 card slider처럼 stacked card slider를 구현해달라는 요청을 받았다. Stripe Sessions 2023 | Stripe Sessions Conference San Francisco 그동안 슬라이드를 구현할 때 react-slick 라이브러리로 구현했는데 stacked card slider는 react-slick로 구현할 수 없었다. react-slick의 verticalSwipeToSlide를 활용해볼까도 했지만 라이브러리가 너무 망가져서 슬라이더가 오히려 이상해지기만 했다. 구글링을 통해 codepen에서 html, css, jQuery로 구현된 좋은 예시를 발견했고 이 코드를 내 코드로 녹여 구현할 수 있었다. https://codepen.io/ak..