SVG九宮格制作小技巧（效果超級棒）
胖友們大家好呀，我是三兒，昨天下午技術小哥哥出了一個超棒的svg，教程不馬上安排上我簡直睡不著覺!
這個樣式是啥樣的呢？點擊下方查看??
強烈建議手機查看
是不是感覺很有意思啊？點擊不同的方格，就彈出不一樣的圖片，很有一種拆盲盒的感覺哇！想不想學？
想！
好的，我教你！
點A見B樣式
ID:101194
【樣式作用】：創意SVG，可以與讀者進行有效的互動，幫助打造文章氛圍。除此之外，還可以結合產品特性，制作出更多的玩法。
【使用說明】：如需要替換圖片，請在專業版用動畫功能，需要使用同步功能同步至微信公眾號。
一、如何更換內容？
135編輯器對SVG樣式做了更新，在專業版中特意添加了『動畫』按鈕，胖友們可以在『動畫』設置中對SVG樣式進行修改。
1.首先將編輯器切換至專業版，點擊右側『更多功能』，在彈出的菜單中選擇『切換專業版』，即可將編輯器切換為專業版。
2.搜索樣式ID：101194，找到『點A見B樣式』樣式，插入至編輯器中。
3.點擊選中樣式（在樣式周圍出現虛線框時，才算選中哦！），在彈出的菜單欄中，選擇『動畫』按鈕，進入動畫設置界面。
4.在動畫設置界面，點擊『圖片上傳』，按照順序依次上傳圖片即可。
5.設置完所有內容以后，胖友們可以點擊右側菜單欄中的『手機預覽』進行測試，因為該樣式效果僅支持手機查看。
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致樣式失效！
二、視頻版教程
三兒還為你們錄制了一段視頻版的教程，胖友們可以結合視頻版的內容進行操作！
好啦，今天的教程就到這里
胖友們學會了嗎？
如果你還有關于其它樣式的疑問
可以留言告訴三兒
·END·
文章排版由135編輯器提供技術支持
■ ■ ■ ■
不看后悔
文章申明：本文章轉載自互聯網公開渠道，如有侵權請聯系我們刪除
登錄后可以評論
立即登錄
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
- 雙十二電商活動宣傳排版素材（電商商品促銷推廣模版樣式）
- 乞巧節微信公眾號推文排版素材（愛情浪漫活動推廣文案）
- 二十四節氣立秋圖文排版素材（金黃色系立秋推文文案模版）
- 八一建軍節紀念日推文排版樣式（光輝歷程文案宣傳模版）
熱門工具
135編輯器
領先的在線圖文編輯平臺原創樣式素材，一鍵套用
筆格設計
受歡迎的在線作圖網站，新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題，AI一鍵生成PPT；上傳本地文件秒變PPT
管小助
企業營銷、私域流量運營——站式營銷管理平臺
分享到
