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