私は最近、 Menyのような CSS/JS アニメーションを見つけまし た。私の目標は、完全にキューブ化された Web サイトを作成することです。
アイデア: テクノロジを使用して、Web テクノロジを使用したネイティブ アプリケーションを作成しています。見栄えを良くするために、3D アニメーションを実装したいと考えています。つまり、メインビューを詰め込みすぎたくないので、実際に5つまたは6つ、可能性に応じて顔を持つことを考えました。Meny の 4 つのオプション (上、下、左、右) がすべてアクティブになっているとします。したがって、ユーザーがコーサーを上または反対側に移動すると、個々の面の 1 つが表示されます。一番下には小さなコンソール ウィンドウがあります。左は検索を保持します。右側にはいくつかの情報とトリガーが保持され、上部には実際のメニューが表示されます。常に表示されている中央の面には、動的にロードされたコンテンツが保持されます。このようにして、サイド フェースを使用して、メイン フェースの AJAX 呼び出しをトリガーできます。
どうすればこのアニメーションのような立方体のようなデザインを実現できるでしょうか? 前面の裏側にある 6 番目の面は、実際の入力などを備えた、より詳細なバージョンのコンソールである可能性があります...ある種の端末です。
私が使用するデスクトップ テクノロジは appJS です。まだ 3D をサポートしていないので、さまざまなテクノロジーを試してみます。Safariでインターフェイス自体をデバッグします。