Web_html/css_WEB-ITnose で青い空と白い雲の究極の体験

Web 上の 3D 雲効果 (「CSS を使用して 3D 雲効果を作成する方法」) をまだ嘆いている間に、この効果を最大限に活用している Web サイトを見つけました。この Web サイトは純水ブランドの表示 Web サイトであるように見えますが、人々に魅力的な体験を提供することを妨げるものではありません。

Smartewater Web サイト

Smartewater Web サイトのリンク

報告によると、Web ページは WebGL、キャンバス、CSS3D テクノロジーを使用して作成されています. 良好なユーザーインタラクションを実現しました。

ご興味がございましたら、ぜひご覧いただき、インスピレーションを得ることができます。ウェブサイトのページ全体のデザインは依然として非常にハイエンドで西洋風です（ナンセンスです。ページを上下にスクロールするときの視差効果、雲の幻想的なアニメーション、パレードの青い背景が与えています）。人々は新鮮な気持ちになります。インタラクション デザインのこの部分では、雲を制御してマウスの移動方向に移動することもでき、ページには音楽も付いています。

ただし、ラグという欠点がまだあります。ここにいくつかの大きな写真があります

Smartewater Web サイトのインターフェイス

ナビゲーション バー

インタラクション: Cloud Stretch

左ボタンをクリックするとモードメニューが表示されます

左ボタンを長押しすると、さまざまな形の雲を描画できます