點擊翻翻翻翻翻翻翻翻翻翻轉
點擊切換圖片的效果有很多種，而每逢新年，有一種效果超受歡迎。
那就是點擊翻轉切換圖片，翻轉的動效給人一種翻牌或翻篇兒的感覺。
我們一起體驗下：
*素材來自梅賽德斯-奔馳《奔馳在今年英雄聯盟全球總決賽的新任務是____?》
組件：點擊-左右翻轉切換圖片
編號：10197（組件）
*素材來自Champion品牌《猜你在搜：新年飯局如何脫穎而出？》
組件：點擊-左右翻轉切換圖片
編號：10197（組件）
以上Champion和奔馳的案例，都是點擊翻轉一次，翻轉后無法再翻轉回來。如果想要能夠來回點擊翻轉的效果怎么辦呢？
很簡單。在 iPaiban Pro 黑科技編輯器中還有「連續點擊-左右翻轉切換圖片」組件（編號：11133），使用這個組件上傳多張不同的圖片，可以實現連續點擊切換。如果我們重復上傳兩張相同的圖片，那就實現了兩張圖片來回點擊翻轉的效果。
點擊試試：
*素材來自Bose《Bose 2022年度獲獎報告》
組件：連續點擊-左右翻轉切換圖片
編號：11133（組件）
*素材來自極氪ZEEKR《喜鬧元宵丨賞味猜燈謎》
組件：連續點擊-左右翻轉切換圖片
編號：11133（組件）
來回點擊翻轉讓讀者可以隨時查看切換前后的圖片，效果上體驗更佳，顯得更高級一些。
如果想要翻轉后支持顯示一些帶交互的內容，教程戳：《點擊翻轉一下，里面大有乾坤！》
下面以本文第3個Bose的效果為例，一起看下支持來回點擊翻轉制作教程吧。
工具：iPaiban Pro黑科技編輯器，網址：SVG.iPaiban.com
組件：連續點擊-左右翻轉切換圖片
編號：11133（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「點擊」-「翻轉切換」分類中點擊選擇「連續點擊-左右翻轉切換圖片」組件，或者直接在搜索框中搜索組件編號11133。
第2步：上傳圖片
點擊右側「+」號批量上傳需要切換的翻轉圖。因為案例是點擊翻轉后再次點擊可返回的效果，這里我們多次重復上傳兩張來回切換的圖片即可。
點擊「換圖」按鈕上傳背景圖。所有圖片尺寸保持一致。
第3步：調整動畫時間
翻轉動畫的時間默認是1秒，大家可根據自己的需求調快或調慢一些。
第4步：導入公眾號后臺
點擊最右側「預覽草稿」預覽效果，效果滿意后接著點擊「同步至微信后臺」就可以了。
同步時支持設置標題、封面圖，一次可同步多個公眾號，數量不限。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）