這款 Elementor 圖片庫懸停效果模板 利用 GSAP 動畫技術(shù) 和 交互功能，為圖片庫添加了獨(dú)特的波浪懸停效果。用戶在鼠標(biāo)懸停時(shí)，圖片會隨著交互產(chǎn)生動態(tài)波浪形移動，營造出富有趣味性和視覺吸引力的效果。同時(shí)，圖片支持點(diǎn)擊以展示更多詳細(xì)內(nèi)容。這種動態(tài)效果不僅能夠讓圖片展示更具個(gè)性，還可以極大地提升用戶的瀏覽體驗(yàn)，讓你的網(wǎng)站更加引人注目。

需要注意的是這是一個(gè)單獨(dú)的頁面模塊，而不是完整的頁面，他沒有標(biāo)頭或者頁腳。

應(yīng)用場景：

產(chǎn)品展示：

適用于電商網(wǎng)站，展示商品圖片，讓用戶在懸停時(shí)獲得更直觀的視覺效果，同時(shí)點(diǎn)擊查看更多細(xì)節(jié)，提升購買欲望。

創(chuàng)意作品展示：

適合藝術(shù)家、攝影師或設(shè)計(jì)師的網(wǎng)站，用波浪動態(tài)效果讓作品更加生動，同時(shí)為用戶提供沉浸式瀏覽體驗(yàn)。

客戶案例展示：

展示品牌合作的客戶案例或作品集，通過動態(tài)效果吸引用戶注意力，提升品牌專業(yè)性和信任感。

團(tuán)隊(duì)介紹：

用波浪懸停效果展示團(tuán)隊(duì)成員，用戶可以點(diǎn)擊查看團(tuán)隊(duì)成員的詳細(xì)信息，增加團(tuán)隊(duì)的互動性和親和力。

活動或項(xiàng)目展示：

在活動策劃或項(xiàng)目網(wǎng)站中，用這種動態(tài)展示方式呈現(xiàn)過去的項(xiàng)目或即將舉辦的活動，吸引用戶進(jìn)一步了解。

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

文件下載地址↓

點(diǎn)擊獲取下載文件后，你會得到一個(gè)文件。

請確保安裝已經(jīng)安裝好Elementor免費(fèi)版和Elementor Pro版。只有Elementor Pro版才有模版導(dǎo)入功能。

網(wǎng)站后端找到頁面，點(diǎn)擊添加新頁面。如上圖：

啟用Elementor編輯。如上圖：

點(diǎn)擊添加旁邊文件的圖標(biāo)，也就是模版。如上圖：

點(diǎn)擊右上角的上傳標(biāo)志，然后點(diǎn)擊選擇文件，然后再在本地文件選擇剛剛下載的文件。如上圖：

導(dǎo)入完成后查看效果，有可能會出現(xiàn)頁眉和頁腳，那就需要選擇好對應(yīng)的模版了。

點(diǎn)擊我們剛剛導(dǎo)入的模版的頁面，然后點(diǎn)擊編輯。如上圖：

選擇模版，選擇elementor畫布，選擇這個(gè)是因?yàn)?strong>不顯示頁眉和頁腳，只顯示模版內(nèi)容。如上圖

同時(shí)在使用elmentor編輯頁面，選擇站點(diǎn)設(shè)置，在選擇布局。如上圖：

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

請關(guān)閉標(biāo)頭和頁腳里面的內(nèi)容，點(diǎn)擊后隱藏里面的內(nèi)容，如上圖：

不過需要注意的是，這是一個(gè)單獨(dú)的容器模版，而不是頁面模版，你可以搭配其他模塊一起用，也可以作為整個(gè)頁面使用，根據(jù)你的實(shí)際使用情況。

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