view_mode =

1/

all_categories=

PC表示

写真の人物と背景を分割させることで奥行を感じさせる演出。

position: stickyとロゴに掛けたmix-blend-mode: difference;を組み合わせることで視差効果をうまく表現しており、参考になる実装方法。

スマホ表示

SP版では負荷軽減のためか、この効果は省略されている。

個人的にはスマートフォンの実機でも見てみたいところ。

Magram

https://www.magram.fr