このElementorストックフォトホバーエフェクトテンプレートはGSAPアニメーション技術(shù)を利用してユニークな波のホバーエフェクトを作成します。ユーザーがマウスをホバーすると畫像がダイナミックな波でアニメーションし、視覚的な魅力とインタラクティブな體験を向上させます。このテンプレートには、ギャラリーセクションに限らず、完全なページレイアウトのための複數(shù)のデザイン要素が含まれています。製品、創(chuàng)造的な作品、またはその他のマルチメディアコンテンツを展示する場合でも、このテンプレートを次のウェブサイトプロジェクトに簡単に適用して、ウェブサイトの全體的なユーザーエクスペリエンスとプロフェッショナルな雰囲気を高めることができます。

アプリケーションのシナリオ

製品ショーケースこのテンプレートを使用して、eコマースサイトでさまざまな種類の商品を表示したり、より詳細(xì)な商品情報を表示したり、マウスを乗せたときにダイナミックなエフェクトを表示したりして、ユーザーのショッピング體験を向上させることができます。

作品展示アーティスト、寫真家、デザイナー、その他の創(chuàng)造的な労働者のウェブサイトに適した、作品を表示する波ホバー効果を通じて、訪問者に沒入型の視覚體験をもたらします。

ケーススタディとポートフォリオ?プレゼンテーション各パネルにはユニークなホバーダイナミックエフェクトがあり、ページのプロ意識とインタラクティブ性を高めます。

チーム紹介波のホバー効果でチームメンバーの寫真を表示し、ホバー時に個人情報や連絡(luò)先の詳細(xì)を提供することで、チームへの親近感を高めます。

イベントまたはプロモーションページイベントの詳細(xì)、ゲスト、作品などをダイナミックな波のホバー効果で表示し、ユーザーの參加を促します。

デモアドレスhttps://demo-show.361sale.com/elementor-effects-9

ファイルダウンロードアドレス

Get Download Fileをクリックすると、ファイルが表示されます。

以下のことを確認(rèn)してください。取付すでにインストールされています。Elementorフリー版とElementorプロ版.のみElementor Proバージョン但しテンプレートインポート機(jī)能

サイトのバックエンドではウェブページクリックして追加新しいページ.上の寫真の通り：

コミッションエレメンターエディター.上の寫真の通り：

の橫にあるファイルをクリックして追加します。アイコンそうです。ステンシル.上の寫真の通り：

の右上をクリックします。アップロードフラグをクリックしファイルを選択次に、先ほど選択したローカルファイルを選択します。ダウンロードされたファイル.上の寫真の通り：

次に、マイテンプレートに戻り、先ほどインポートしたテンプレートを確認(rèn)し、[OK]をクリックします。プレビューエフェクトを表示しスティック.上記の通りです。

インポートが完了した後に結(jié)果を表示します。フッター歌で応えるフッターそして、対応するステンシル上へ

で先ほどインポートしたテンプレートをクリックします。ウェブページをクリックしてください。コンパイラ.上の寫真の通り：

テンプレートを選択しエレメントキャンバスこれを選んだ理由はヘッダーとフッターが表示されませんディスプレイにはテンプレート內(nèi)容.上記の通りです。

同時にelmentorでページを編集セレクションサイト設(shè)定の選択においてオープニング.上の寫真の通り：

また、同じものがエレメンタキャンバスのテンプレートです。こうすればその他內(nèi)容上記の通り：

終了してくださいヘッダーとフッターをクリックします。ネッスル內(nèi)部は上の寫真：

最後に、保存した後、フロントエンドの効果が正しいかどうか確認(rèn)してください。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時間: 月～金、9:30～18:30、祝日休み