Rellax.jsを使ったパララックスで奥行きを表現する

スクロール速度に違いを与えたパララックスを利用し、奥行きを表現しています。奥側のカードはぼかして小さめにすることで、より一層奥行きを感じるデザインになります。パララックスにはRellax.jsを利用し、なめらかなスクロールにしたかったのでLenisで慣性スクロールをしています。

カード1 カード2 カード3 カード4 カード5 カード6
カード6 カード5 カード4 カード3 カード2 カード1 カード6