公眾號文章排版制作多次點擊展開SVG特效樣式教程

什么是多次點擊、延長樣式？本樣式支持多次點擊圖片，最后一張圖可以延申展開。


    多次點擊、展開樣式

    說 明

    本教程適用于：ID：_______


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


    彈幕樣式需要授權(quán)公眾號，將文章同步到微信公眾平臺（查看如何授權(quán)公眾號同步文章）


    什么是多次點擊、延長樣式？

    本樣式支持多次點擊圖片，最后一張圖可以延申展開。同類型樣式還有：


    ID：98693 點擊圖片切換/人民日報點亮武漢樣式  【查看教程】


    ID：98539 點擊展開樣式 【查看教程】


    ID：98461 點擊展開卷軸【查看教程】



    使用教程


    使用該樣式需要準備多張圖片。前四張圖片圖片尺寸需要保持一致。


    image.png


    選擇這款樣式，我們使用【動畫】面板進行操作。


    image.png


    在SVG動畫設(shè)置中，我們可以對這款樣式進行替換編輯。


    image.png


    我們在動畫面板里，找到第一屏圖片，然后依次進行替換。


    錄制_2020_07_07_14_02_24_178.gif


    編輯完成后，點擊確定。然后將文章同步到公眾號后臺即可看到效果。


    掃碼查看效果



    情況一

    前面的點擊效果要增加幾張圖


    在動畫編輯頁面里，點擊【第一屏畫面】欄中的【復(fù)制】，就會在最前面增加多一屏幕，替換圖片即可。


    image.png


    錄制_2020_07_07_14_16_24_337.gif


    情況二

    最后延申的圖片要增加幾張圖


    在延申圖片最后一張欄目中，點擊【+】增加一張，然后替換圖片。


    image.png


    錄制_2020_07_07_14_20_36_481.gif


    掃碼看看最后效果


    image.png


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