公眾號SVG制作點擊自動滑動樣式教程

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

    點擊自動滑動樣式

    說 明

    本教程適用于:ID:99925


    本樣式支持專業版菜單欄【動畫】、HTML代碼調整。


    本樣式需要授權公眾號,將文章同步到微信公眾平臺(查看如何授權公眾號同步文章)


    image.png


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


    a5ee25c734310a3f208e39c3ce9668ee.gif



    替換方法


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


    image.png


    點擊樣式,在菜單欄中選擇【動畫】


    image.png


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


    image.png


    如果需要增加或刪去背景圖片,可以點擊下圖這兩個按鈕。


    image.png


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


    image.png


    一一替換完畢后,點擊確定。然后使用【保存同步】功能,將文章同步到微信公眾號后臺即可!



    高階改動


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


    image.png

    然后關閉動畫面板,點擊【HTML】,調整height和values這兩個數值,這兩個數值必須調整成一致的。初始需要展示更長的內容,就將數字調大,反之調小。


    image.png


    image.png


    調整完畢后,在手機預覽中看看效果,如果不合適,反復調整幾次就可以了。


    image.png

    - END -

文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
分享到
2020精品自拍视频曝光_久久最新地址免费_紧身裙教师中文字幕在线一区_免费国产一级特黄aa大