view_mode =

1/

all_categories=

PC表示

斜めに移動するアニメーションが印象的なスライダー。立体的に撮影された商品画像と動きがマッチしている。

スライダーはswiperを使用しており、スライダーの大枠を傾け、各スライダーを逆に傾けることで斜めに動いているかのような錯覚を作り出している。

これはぜひ一度真似してやってみたい技術だ。

スマホ表示

SP版でも動作は同様。

傾き以外の動きはライブラリが担っているため、大きな手を加えることなくSP版でも立体的なスライダーを作り出すことができる。

Vegter

https://www.vegter.nl