朋友們大家好，我是三兒。

最近三兒看到有朋友問：有沒有什么好玩的點(diǎn)擊翻轉(zhuǎn)的效果，看膩了點(diǎn)擊展開想換換口味。

剛好最近三兒做了一篇推文「傳送門」，就是運(yùn)用的點(diǎn)擊翻轉(zhuǎn)效果請看??

怎么樣是不是還不錯？這是點(diǎn)擊翻轉(zhuǎn)的衍生點(diǎn)擊翻轉(zhuǎn)展開，展開內(nèi)容不僅可以放無縫圖還可以添加其他內(nèi)容，那么這個效果我們要如何實(shí)現(xiàn)呢？

在135編輯器左側(cè)，點(diǎn)擊「SVG編輯器」進(jìn)入SVG編輯器頁面。

進(jìn)入SVG編輯器后，在搜索框中輸入組件ID：788

點(diǎn)擊組件到編輯區(qū)域，注意我們在使用組件前一定要先看看組件素材要求，避免做無用功哦。

在編輯頁右側(cè)，我們按要求上傳圖片素材。

如果大家想要調(diào)整翻轉(zhuǎn)時間、展開時間以及翻轉(zhuǎn)后的背景色需要在哪里調(diào)整呢？

在編輯器右下角就能找到對應(yīng)的內(nèi)容，我們按需修改就行。

我們點(diǎn)擊「編輯展開內(nèi)容」，可以根據(jù)展開類型添加對應(yīng)的組件。

我們這里添加的是無縫圖點(diǎn)擊不可彈出，當(dāng)然你也可以添加輪播、滑動等組件

在編輯頁面完成內(nèi)容編輯后，若是完整的文章內(nèi)容我們可以選擇「同步」同步到授權(quán)的公眾號后臺中。

若是需要放到135編輯器中添加其他內(nèi)容，可以選擇「導(dǎo)出」復(fù)制代碼到135編輯器。

怎么樣，是不是很簡單？

相信聰明的你

已經(jīng)學(xué)會了

眼睛學(xué)會了記得動手操作一下哦