view_mode =

1/

all_categories=

PC表示

スクロールする度、メイン動画をcssのtranslateやtranslate3dで角度や奥行きを付け動かしている。

という理屈は理解できるが、実際に実装するとなるとかなり手の込んだものになっていることは容易に想像できる。

その他、左上の肩書のテキストや業績のスライドの動きなど、奥行や重力を用いた動きでスタイリッシュさが表現されている。

スマホ表示

動画後のスライドの傾きは無くなったものの、実機で確認してもサイト全体の動きがカクつくこともなく滑らかにスクロールが可能となっている。

 

Rich Brown

https://www.richbrown.info