片側だけはみ出たデザインのカルーセルスライダーをslickで実装する方法

片側だけはみ出たデザインのカルーセルスライダーをslickで実装する方法

メディアサイトなどで見かける片側だけはみ出ているカルーセルスライダー。
こちらをslick.jsで実装するサンプルを作成してみました。

See the Pen
dyMobjq
by OKD (@OKD)
on CodePen.

実際は矢印部分をちゃんと作り込んだり、スライド枚数が少ない場合の処理、そしてレスポンシブ対応など作り込んでいきますが挙動のご参考までに。

SPONSORED LINK

CONTACT

ご意見やご感想、お仕事のご依頼など
お気軽にご連絡ください。

CONTACT FORM