PC表示
translateXを使用したシンプルなスライダー。
各行ごとに角度を付けることで、独自性を付与。
大きな実装負荷を掛けることなくMVの印象を変える工夫がされており、応用が効く技術として覚えておきたい。
スマホ表示
SP版も同様の技術と見せ方を採用。
画面いっぱいに広がるスライダーは、動いていることもあり印象に残りやすいものの、テキストやロゴの邪魔はすることなくいい塩梅で存在している。
all_categories=
サイトの特徴=
translateXを使用したシンプルなスライダー。
各行ごとに角度を付けることで、独自性を付与。
大きな実装負荷を掛けることなくMVの印象を変える工夫がされており、応用が効く技術として覚えておきたい。
SP版も同様の技術と見せ方を採用。
画面いっぱいに広がるスライダーは、動いていることもあり印象に残りやすいものの、テキストやロゴの邪魔はすることなくいい塩梅で存在している。