SVGとcssのclip-pathを使用してユニークな形状に写真をくり抜き、かつスクロールに応じてアニメーションを施している。

画像のくり抜き＋スクロールアニメーションという組み合わせは、今後のベンチマークになる可能性を秘めている。

このアニメーションの特徴の一つとして、CSSでアニメーションを生成しているためスマートフォンで閲覧した際も滑らかさを失わないという点。

そして、スマートフォン用の調整が少ない点である。

SVGアニメーションはちょっと…と思う方でも最近ではジェネレーターなどもあるので、ぜひ活用してアニメーションを習得したいところ。