公眾號SVG制作點擊自動滑動樣式教程
此樣式效果如下,點擊畫面后,在畫面最前面的小人會自動劃過畫面,所有圖片徐徐展開。(此錄制效果為2.5倍速)
點擊自動滑動樣式
說 明
本教程適用于:ID:99925
本樣式支持專業(yè)版菜單欄【動畫】、HTML代碼調(diào)整。
本樣式需要授權(quán)公眾號,將文章同步到微信公眾平臺(查看如何授權(quán)公眾號同步文章)
此樣式效果如下,點擊畫面后,在畫面最前面的小人會自動劃過畫面,所有圖片徐徐展開。(此錄制效果為2.5倍速)
替換方法
這款樣式可替換背景圖片素材及前面滑動元素素材。首先在更多功能中將135編輯器菜單欄更換為專業(yè)版的。如果默認是專業(yè)版的,可以跳過這個步驟。
點擊樣式,在菜單欄中選擇【動畫】
在動畫設(shè)置面板中,你可以替換素材中的圖片,所有背景素材都需要保持尺寸一致。
如果需要增加或刪去背景圖片,可以點擊下圖這兩個按鈕。
人物的這個素材,只要上傳底部透明的PNG素材即可。尺寸不要過大,不然會擋住底下的背景圖。
一一替換完畢后,點擊確定。然后使用【保存同步】功能,將文章同步到微信公眾號后臺即可!
高階改動
如果你想要將背景素材的高度改變,可以先在動畫面板中將背景素材圖替換。
然后關(guān)閉動畫面板,點擊【HTML】,調(diào)整height和values這兩個數(shù)值,這兩個數(shù)值必須調(diào)整成一致的。初始需要展示更長的內(nèi)容,就將數(shù)字調(diào)大,反之調(diào)小。
調(diào)整完畢后,在手機預(yù)覽中看看效果,如果不合適,反復調(diào)整幾次就可以了。
- END -
文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
登錄后可以評論
立即登錄
立即登錄
熱門工具

135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用

筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有

筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT

管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺