結(jié)合 GSAP 動(dòng)畫(huà)與 Elementor 構(gòu)建的高動(dòng)態(tài)卡片滑動(dòng)效果模板，專為需要視覺(jué)沖擊力和交互感的網(wǎng)站設(shè)計(jì)而生。支持人物角色、產(chǎn)品內(nèi)容、團(tuán)隊(duì)成員等多類型內(nèi)容滑動(dòng)切換，配合動(dòng)效帶來(lái)強(qiáng)烈節(jié)奏感與視覺(jué)層次，適合用作首屏展示、互動(dòng)入口或沉浸式內(nèi)容瀏覽。

本模板提供紫色炫彩風(fēng)格與深色質(zhì)感風(fēng)格兩種配色方案，滿足不同品牌氣質(zhì)與審美偏好的使用需求。

?? 應(yīng)用場(chǎng)景：

• 角色選擇界面：適用于游戲、虛擬世界、互動(dòng)漫畫(huà)或IP介紹等，呈現(xiàn)多個(gè)角色/人物供用戶選擇。
• 創(chuàng)意作品展示：適合插畫(huà)師、攝影師、動(dòng)畫(huà)師等展示個(gè)人風(fēng)格和作品項(xiàng)目。
• 品牌故事/人物介紹頁(yè)：企業(yè)或品牌用于講述發(fā)展歷程、展示團(tuán)隊(duì)成員，提升品牌立體感。
• 產(chǎn)品卡片滑動(dòng)展示：適用于科技、美妝、時(shí)尚等行業(yè)，展示系列產(chǎn)品的不同賣點(diǎn)。

?? 推薦人群：

• 視覺(jué)設(shè)計(jì)導(dǎo)向的網(wǎng)站開(kāi)發(fā)者
• 游戲工作室與虛擬角色項(xiàng)目方
• 創(chuàng)意工作者（插畫(huà)師、攝影師、動(dòng)畫(huà)設(shè)計(jì)師）
• 品牌主理人、NFT項(xiàng)目運(yùn)營(yíng)方
• 電商產(chǎn)品經(jīng)理或獨(dú)立站賣家（需要差異化產(chǎn)品展示）

演示地址：https://demo-show.361sale.com/elementor-effects-19（紫色）
https://demo-show.361sale.com/elementor-effects-20（深色）

文件下載地址↓

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

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

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

啟用Elementor編輯。如上圖：

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

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

然后回到我的模版，即可查看我們剛剛導(dǎo)入的模版，點(diǎn)擊預(yù)覽查看效果，然后再選擇插入。如上圖

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

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

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

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

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

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

最后查看網(wǎng)站前端效果是否正常。

聯(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é)假日休息