Apple都愛不釋手的雙層滑動樣式（三步包你學會）
胖友們大家好呀，我是三兒，今天三兒就來給大家介紹雙層滑動svg樣式，三兒用它做了一個待辦清單，胖友們可以左右滑動查看更多。
左右滑動查看更多
滑動的時候只滑動上層圖片，是不是有點意思？蘋果的這篇推文也是利用了雙層滑動這個原理，??點我查看蘋果原文
想學嗎？那就接著往下看！
一、如何更換內(nèi)容？
135編輯器對SVG樣式做了更新，在專業(yè)版中特意添加了『動畫』按鈕，胖友們可以在『動畫』設置中對SVG樣式進行修改。
1.點擊右側(cè)『更多功能』，在彈出的菜單中選擇『切換專業(yè)版』，將編輯器切換為專業(yè)版。
2.搜索樣式ID：100287，找到『雙層滑動』樣式，插入至編輯器中。
3.點擊選中樣式（在樣式周圍出現(xiàn)虛線框時，才算選中哦！），在彈出的菜單欄中，選擇『動畫』按鈕，進入動畫設置界面。
4.進入svg動畫設置界面，點擊『圖片上傳』，分別更換背景圖和滑動的幾張圖片即可。
注意：滑動的圖片必須是png圖片，才可以制作出雙層滑動的效果。
5.設置完所有內(nèi)容以后，點擊右側(cè)菜單欄中的『手機預覽』進行測試，查看效果。
雙層滑動樣式適用的場景很多：電商商品展示、滑動查看對比……只要腦洞夠大，雙層滑動可以幫你完成各種創(chuàng)意推文！
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致樣式失效！
好啦，今天的教程就到這里
胖友們學會了嗎？
學會了就趕快安排上吧
看在三兒分享干貨的份上
點個在看唄~
如果你還有關于其它樣式的疑問
也可以留言告訴三兒
三兒全方位解答
·END·
文章排版由135編輯器提供技術支持
■ ■ ■ ■
文章申明：本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道，如有侵權請聯(lián)系我們刪除
登錄后可以評論
立即登錄
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
- 雙十二電商活動宣傳排版素材（電商商品促銷推廣模版樣式）
- 乞巧節(jié)微信公眾號推文排版素材（愛情浪漫活動推廣文案）
- 二十四節(jié)氣立秋圖文排版素材（金黃色系立秋推文文案模版）
- 八一建軍節(jié)紀念日推文排版樣式（光輝歷程文案宣傳模版）
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材，一鍵套用
筆格設計
受歡迎的在線作圖網(wǎng)站，新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題，AI一鍵生成PPT；上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
分享到
