這款 Elementor 圖片庫懸停效果模板利用 GSAP 動畫技術，創(chuàng)建了獨特的波浪懸停效果。用戶在鼠標懸停時，圖片會產生動感的波浪式動畫，增強了視覺吸引力和互動體驗。該模板包含多個設計元素，適用于完整頁面布局，不僅僅局限于圖片庫板塊。無論是展示產品、創(chuàng)意作品，還是其他多媒體內容，您都可以輕松地將這個模板應用到您的下一個網站項目中，提升整體的用戶體驗和網站的專業(yè)感。

應用場景:

產品展示：在電商網站中使用該模板展示不同種類的產品，鼠標懸停時查看更詳細的產品信息和動態(tài)效果，提升用戶的購物體驗。

創(chuàng)意作品展示：適用于藝術家、攝影師、設計師等創(chuàng)意工作者的網站，通過波浪懸停效果展示作品，帶給訪客沉浸式的視覺體驗。

案例展示與組合展示：公司或機構可以使用此效果展示項目、客戶案例或多種服務，每個板塊都有獨特的懸停動態(tài)效果，增強頁面的專業(yè)感與互動感。

團隊介紹：通過波浪懸停效果展示團隊成員的照片，懸停時提供更多個人信息或聯系方式，增加團隊的親和力。

活動或宣傳頁面：適用于活動、宣傳網站，通過動態(tài)波浪懸停效果展示活動詳情、嘉賓、作品等，吸引用戶參與。

演示地址：https://demo-show.361sale.com/elementor-effects-9

文件下載地址↓

點擊獲取下載文件后，你會得到一個文件。

請確保安裝已經安裝好Elementor免費版和Elementor Pro版。只有Elementor Pro版才有模版導入功能。

網站后端找到頁面，點擊添加新頁面。如上圖：

啟用Elementor編輯。如上圖：

點擊添加旁邊文件的圖標，也就是模版。如上圖：

點擊右上角的上傳標志，然后點擊選擇文件，然后再在本地文件選擇剛剛下載的文件。如上圖：

然后回到我的模版，即可查看我們剛剛導入的模版，點擊預覽查看效果，然后再選擇插入。如上圖

導入完成后查看效果，有可能會出現頁眉和頁腳，那就需要選擇好對應的模版了。

點擊我們剛剛導入的模版的頁面，然后點擊編輯。如上圖：

選擇模版，選擇elementor畫布，選擇這個是因為不顯示頁眉和頁腳，只顯示模版內容。如上圖

同時在使用elmentor編輯頁面，選擇站點設置，在選擇布局。如上圖：

也要確保一樣是Elementor畫布模版。這樣就不會有其他內容。如上圖：

請關閉標頭和頁腳里面的內容，點擊后隱藏里面的內容，如上圖：

最后保存后，查看前端效果是否正確。

聯系我們
教程看不懂？聯系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息