参考:ntvart.co.jp / 5件
01
ページ遷移サークル
画像リンクを押すと、押した場所からリンクの色の円が1秒で広がって画面を覆い、次の画面では中央から円が縮んで現れます。
画像をクリック02
全画面メガメニュー
右上の Menu を押すと白い幕が上から降りて(行き過ぎて戻る)、7カテゴリのナビが下からふわっと。ボタンは3点→×に組み替わります。
Menu を押す03
円が広がって背景が反転するWorks
スクロールすると画面中央から黒い円が広がって地色が黒へ。そのまま縦スクロールで作品カードが横に流れ、最後は「There are many ⊕ other Works ...」。
スクロールする04
見出し+もっとみる(動画4)
黒帯の見出しの右にある「もっとみる ・」。ホバーすると点が白い丸にふくらみ、中に矢印が滑り込みます(動画4はこの箇所の拡大でした)。
もっとみるにホバー05
サービスカード(ホバーで3Dフリップ)
5色の大きなカードがホバーで裏返り、裏面に日本語の見出しと説明。裏面には同じ写真がうっすら敷かれます。横長のバーだけは裏返らず写真が浮き上がります。
カードにホバー日本語書体は参考元がモリサワUD新ゴ(契約フォント)のため、近い無償書体(Zen Kaku Gothic New)に置き換えています。英字は参考元と同じ Ubuntu。