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