線から出てくるアニメーション JINNAN HOUSE

https://jinnan.house/

渋谷にあるギャラリースペースなどの複合施設です。

マネしたいポイント

縦にすっと線のアニメーションが入ったあと、横に開いて画像やテキストが出現するモーションが気持ちいいです。縦の線もコンテンツの領域を規定するのに一役買っています。

応用できそうな場面

写真+(見出し+)本文のような記事紹介部分のほか、写真だけを出現させるエフェクトとしても活用できそうです。多数のコンテンツが時間差で開いてくのも面白いでしょう。

懸念点

ワンテンポ遅れて表示するので、素早くスクロールしてしまうと素通りされてしまうかもしれません。

  • Twitter Share
  • Facebook Share
  • Line Share