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

什么是多次點(diǎn)擊、延長樣式?本樣式支持多次點(diǎn)擊圖片,最后一張圖可以延申展開。


    多次點(diǎn)擊、展開樣式

    說 明

    本教程適用于:ID:_______


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


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


    什么是多次點(diǎn)擊、延長樣式?

    本樣式支持多次點(diǎn)擊圖片,最后一張圖可以延申展開。同類型樣式還有:


    ID:98693 點(diǎn)擊圖片切換/人民日報(bào)點(diǎn)亮武漢樣式  【查看教程】


    ID:98539 點(diǎn)擊展開樣式 【查看教程】


    ID:98461 點(diǎn)擊展開卷軸【查看教程】



    使用教程


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


    image.png


    選擇這款樣式,我們使用【動畫】面板進(jìn)行操作。


    image.png


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


    image.png


    我們在動畫面板里,找到第一屏圖片,然后依次進(jìn)行替換。


    錄制_2020_07_07_14_02_24_178.gif


    編輯完成后,點(diǎn)擊確定。然后將文章同步到公眾號后臺即可看到效果。


    掃碼查看效果



    情況一

    前面的點(diǎn)擊效果要增加幾張圖


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


    image.png


    錄制_2020_07_07_14_16_24_337.gif


    情況二

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


    在延申圖片最后一張欄目中,點(diǎn)擊【+】增加一張,然后替換圖片。


    image.png


    錄制_2020_07_07_14_20_36_481.gif


    掃碼看看最后效果


    image.png


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