點擊，關門！
今天要給大家介紹是點擊滑動打開的相反效果——點擊滑動關閉。
點擊試試：
*素材來自央視新聞《早啊！新聞來了〔2022.04.19〕》
組件：點擊-左右滑動關閉
編號：11594（組件）
*素材來自倩碧Clinique《沒什么好藏著的，今天攤牌了》
組件：點擊-上下滑動關閉
編號：11602（組件）
與滑動打開一樣，滑動關閉也分為左右滑動關閉和上下滑動關閉兩種方向的，不同的是，滑動關閉這次加入了錯時移入的效果，也就是點擊后左右或者上下兩張圖片一前一后移入的。
比如點擊左右滑動關閉，先右邊移入，再左邊移入：
組件：點擊-左右滑動關閉(先右后左)
編號：11609（組件）
點擊上下滑動關閉，先上邊移入，再下邊移入：
*素材來自倩碧Clinique《沒什么好藏著的，今天攤牌了》
組件：點擊-上下滑動關閉(先上后下)
編號：11604（組件）
雖然組件名稱叫做滑動關閉，但在排版創意上不一定是關閉效果，就像第3個例子中也可以是互相疊加覆蓋。
這些組件在制作步驟上差不多，我們以第1個效果為例，一起看下教程吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-左右滑動關閉
編號：11594（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「點擊」-「滑動關閉」分類中找到「點擊-左右滑動關閉」組件，或者直接搜索組件編號10594，點擊選擇。
第2步：上傳圖片素材
點擊頁面右側3個「換圖」按鈕，分別上傳一張滑點擊前圖片和兩張滑動移入的圖片。3張圖片的尺寸需保持一致。
注：如果兩張滑動移入圖左右內容是平分的，在預覽時發現中間有縫隙，那么可以將一邊的圖片內容多留出1-2像素。
第3步：調整動畫參數
在右側上傳圖片位置的下方，滑動滑桿可調整點擊滑動移入的動畫時間。
第4步：導入公眾號后臺
點擊最右側「預覽草稿」預覽效果，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）