Apple都愛不釋手的雙層滑動樣式（三步包你學(xué)會）
胖友們大家好呀，我是三兒，今天三兒就來給大家介紹雙層滑動svg樣式，三兒用它做了一個待辦清單，胖友們可以左右滑動查看更多。
左右滑動查看更多
滑動的時候只滑動上層圖片，是不是有點意思？蘋果的這篇推文也是利用了雙層滑動這個原理，??點我查看蘋果原文
想學(xué)嗎？那就接著往下看！
一、如何更換內(nèi)容？
135編輯器對SVG樣式做了更新，在專業(yè)版中特意添加了『動畫』按鈕，胖友們可以在『動畫』設(shè)置中對SVG樣式進(jìn)行修改。
1.點擊右側(cè)『更多功能』，在彈出的菜單中選擇『切換專業(yè)版』，將編輯器切換為專業(yè)版。
2.搜索樣式ID：100287，找到『雙層滑動』樣式，插入至編輯器中。
3.點擊選中樣式（在樣式周圍出現(xiàn)虛線框時，才算選中哦?。?，在彈出的菜單欄中，選擇『動畫』按鈕，進(jìn)入動畫設(shè)置界面。
4.進(jìn)入svg動畫設(shè)置界面，點擊『圖片上傳』，分別更換背景圖和滑動的幾張圖片即可。
注意：滑動的圖片必須是png圖片，才可以制作出雙層滑動的效果。
5.設(shè)置完所有內(nèi)容以后，點擊右側(cè)菜單欄中的『手機預(yù)覽』進(jìn)行測試，查看效果。
雙層滑動樣式適用的場景很多：電商商品展示、滑動查看對比……只要腦洞夠大，雙層滑動可以幫你完成各種創(chuàng)意推文！
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復(fù)制粘貼會導(dǎo)致樣式失效！
好啦，今天的教程就到這里
胖友們學(xué)會了嗎？
學(xué)會了就趕快安排上吧
看在三兒分享干貨的份上
點個在看唄~
如果你還有關(guān)于其它樣式的疑問
也可以留言告訴三兒
三兒全方位解答
·END·
文章排版由135編輯器提供技術(shù)支持
■ ■ ■ ■
立即登錄
- 雙十二電商活動宣傳排版素材（電商商品促銷推廣模版樣式）
- 乞巧節(jié)微信公眾號推文排版素材（愛情浪漫活動推廣文案）
- 二十四節(jié)氣立秋圖文排版素材（金黃色系立秋推文文案模版）
- 八一建軍節(jié)紀(jì)念日推文排版樣式（光輝歷程文案宣傳模版）
