公眾號(hào)SVG制作點(diǎn)擊自動(dòng)滑動(dòng)樣式教程

此樣式效果如下,點(diǎn)擊畫面后,在畫面最前面的小人會(huì)自動(dòng)劃過畫面,所有圖片徐徐展開。(此錄制效果為2.5倍速)

    點(diǎn)擊自動(dòng)滑動(dòng)樣式

    說 明

    本教程適用于:ID:99925


    本樣式支持專業(yè)版菜單欄【動(dòng)畫】、HTML代碼調(diào)整。


    本樣式需要授權(quán)公眾號(hào),將文章同步到微信公眾平臺(tái)(查看如何授權(quán)公眾號(hào)同步文章)


    image.png


    此樣式效果如下,點(diǎn)擊畫面后,在畫面最前面的小人會(huì)自動(dòng)劃過畫面,所有圖片徐徐展開。(此錄制效果為2.5倍速)


    a5ee25c734310a3f208e39c3ce9668ee.gif



    替換方法


    這款樣式可替換背景圖片素材及前面滑動(dòng)元素素材。首先在更多功能中將135編輯器菜單欄更換為專業(yè)版的。如果默認(rèn)是專業(yè)版的,可以跳過這個(gè)步驟。


    image.png


    點(diǎn)擊樣式,在菜單欄中選擇【動(dòng)畫】


    image.png


    在動(dòng)畫設(shè)置面板中,你可以替換素材中的圖片,所有背景素材都需要保持尺寸一致。


    image.png


    如果需要增加或刪去背景圖片,可以點(diǎn)擊下圖這兩個(gè)按鈕。


    image.png


    人物的這個(gè)素材,只要上傳底部透明的PNG素材即可。尺寸不要過大,不然會(huì)擋住底下的背景圖。


    image.png


    一一替換完畢后,點(diǎn)擊確定。然后使用【保存同步】功能,將文章同步到微信公眾號(hào)后臺(tái)即可!



    高階改動(dòng)


    如果你想要將背景素材的高度改變,可以先在動(dòng)畫面板中將背景素材圖替換。


    image.png

    然后關(guān)閉動(dòng)畫面板,點(diǎn)擊【HTML】,調(diào)整height和values這兩個(gè)數(shù)值,這兩個(gè)數(shù)值必須調(diào)整成一致的。初始需要展示更長的內(nèi)容,就將數(shù)字調(diào)大,反之調(diào)小。


    image.png


    image.png


    調(diào)整完畢后,在手機(jī)預(yù)覽中看看效果,如果不合適,反復(fù)調(diào)整幾次就可以了。


    image.png

    - END -

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運(yùn)營——站式營銷管理平臺(tái)
推薦文章
用戶運(yùn)營平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營中的用戶分層
內(nèi)容運(yùn)營:戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營導(dǎo)航
運(yùn)營工具
分享到