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

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


    多次點擊、展開樣式

    說 明

    本教程適用于:ID:_______


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


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


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

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


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


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


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



    使用教程


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


    image.png


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


    image.png


    在SVG動畫設置中,我們可以對這款樣式進行替換編輯。


    image.png


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


    錄制_2020_07_07_14_02_24_178.gif


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


    掃碼查看效果



    情況一

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


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


    image.png


    錄制_2020_07_07_14_16_24_337.gif


    情況二

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


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


    image.png


    錄制_2020_07_07_14_20_36_481.gif


    掃碼看看最后效果


    image.png


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