“拉開展示，人民網這種排版怎么做啊？”
點擊切換的玩法大家都知道哪些？
點擊擦除切換、點擊翻轉切換、點擊放大切換等等，可謂是千變萬化。
今天再給大家介紹一個最新的玩法——點擊-拉開展示。
感受一下：
*素材來自人民網《可惡，被“國寶”內涵到了！》
組件：點擊-拉開展示(上下)
編號：12102（組件）
換個方向，還可以左右拉開展示：
*素材來自Bananain蕉內《超 能 [ ] 爸 爸》
組件：點擊-拉開展示(左右)
編號：12101（組件）
這個效果的亮點就在于兩邊拉開內容，給用戶以更強的神秘感，引起大家的好奇心。
下面以第一個上下拉開展示的效果為例，一起看下使用教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-拉開展示(上下)
編號：12102（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「點擊」分類中找到「點擊-拉開展示(上下)」組件，或者直接搜索組件編號12102，點擊選擇。
第2步：上傳圖片素材
①點擊右側兩個「換圖」按鈕，分別上傳單擊前和單擊后的圖片。兩張圖片尺寸需保持一致，內容各占一半，另外一半透明。
②下滑后點擊右側兩個「換圖」按鈕，分別上傳展示圖和背景圖。單擊前圖片和背景圖尺寸需一致，展示圖只需寬度一致，高度由展示內容決定。
第3步：調整效果參數
輸入或者加減設置「動畫時間」。
第4步：導入公眾號后臺
點擊頁面最右側「預覽草稿」可隨時預覽效果，盡量使用手機掃碼預覽。
調整效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
本文系作者授權數英發表，內容為作者獨立觀點，不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表，內容為作者獨立觀點，不代表數英立場。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本內容為作者獨立觀點，不代表數英立場。
本文禁止轉載，侵權必究。
本文禁止轉載，侵權必究。
本文系數英原創，未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）