参考:ntvart.co.jp / 5件。動きを触って確認してください(ホバー・クリック・スクロール)。OKが出てから TERASU Lab に登録します。
01
ページ遷移サークル
リンクを押した場所から、そのリンクの色の円が1秒で全画面に広がる。開いた先では中央から円が縮んでページが出てくる。カードでもメニューでも試せます。
クリックして確認02
全画面メガメニュー
右上の Menu を押すと、白い幕が上から降りてきて(行き過ぎて戻る)、7カテゴリのナビが下からふわっと出る。ボタンは3点→×に変形。スマホ幅ではアコーディオン。
Menu を押して確認03
円が広がって背景が反転するWorks
下にスクロールすると画面中央から黒い円が広がり、そのまま地色が黒へ。中の作品カードはホバーで裏返って詳細が出ます。最後は「There are many ⊕ other Works ...」。
スクロールして確認04
もっとみるボタン(点→丸+矢印)
ふだんは小さな点。ホバーすると白い丸がふくらんで、中に矢印が滑り込んでくる。文字だけ/大きめ/色つき/カードに載せた場合をまとめています。
ホバーして確認05
サービスカード(ホバーで3Dフリップ)
5色の大きなカードがホバーで裏返り、裏面に日本語の見出しと説明が出る。裏面には同じ写真がうっすら敷かれます。横長のバーだけは裏返らず写真が浮き上がる仕様。
ホバーして確認レスポンシブ検品(1440 / 768 / 390)は5件とも合格済み。