橫向點擊標(biāo)簽抽出卡片-公眾號排版SVG效果教程

    左右滑動查看更多
    左右滑動查看更多

    點擊標(biāo)簽抽出卡片，點擊卡片上的返回按鈕，卡片回到原位，可多個標(biāo)簽無限次操作，可自定義選擇左右兩個方向，可設(shè)置返回按鈕觸發(fā)區(qū)域，不過返回觸發(fā)區(qū)域的設(shè)定有些限制，請仔細(xì)查看設(shè)置說明，以免動畫失效。該效果只支持保存成微信文章在手機端預(yù)覽效果



    視頻教程




    01 添加素材效果

    在『互動效果』欄目下的【點擊】里，點擊『橫向點擊標(biāo)簽抽出卡片』素材，將其添加到編輯區(qū)域。



    02 上傳圖片素材

    在編輯器右側(cè)上傳背景圖、卡片素材圖

    image.png



    03 效果設(shè)置

    動畫效果設(shè)置

    觸發(fā)熱區(qū)設(shè)置說明：點擊這里查看詳細(xì)的觸發(fā)熱區(qū)說明


    image.png


    卡片展示設(shè)置說明：每張標(biāo)簽圖片放上去的時候都會默認(rèn)放在抽出卡片的頂端，調(diào)整y軸的數(shù)值可以修改它的上下位置。


    調(diào)整Y軸數(shù)值，可以調(diào)節(jié)標(biāo)簽圖或抽出圖上下位置image.png


    x軸是調(diào)整抽出卡片圖露出內(nèi)容寬度的，如果初始狀態(tài)不希望抽出卡片的圖有任何露出，就把x軸值設(shè)為0

    image.png



    可以設(shè)置點擊標(biāo)簽抽出卡片的方向是從左還是從右展示：

    image.png



    04 同步/導(dǎo)出到微信公眾號

    制作好的SVG文章可以通過使用『同步』或『導(dǎo)出』功能，保存到微信公眾號平臺。

    image.png


    點擊查看如何使用『同步』

    點擊查看如何使用『導(dǎo)出』



評價此內(nèi)容
有幫助
無幫助
感謝反饋，請問還有其他建議嗎? (選填)