有什么讓人眼前一亮的微信推送？

時(shí)間：2023-11-18 15:42:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-11-18 15:42:01 來源：網(wǎng)站運(yùn)營

有什么讓人眼前一亮的微信推送？：最近人民日報(bào)的點(diǎn)亮杭州很火啊，建議你可以使用這種方式進(jìn)行推文，保證讓人眼前一亮~

由于本站不能放置svg樣式，所以提前先把文章鏈接放出來，點(diǎn)擊鏈接可以自己手動(dòng)感受一下點(diǎn)亮樣式的效果。

相信大家今天都被人民日報(bào)的一篇推文刷屏了吧！這篇推文羅列出杭州的著名景點(diǎn)，將他們做成SVG動(dòng)態(tài)效果，用戶可以通過點(diǎn)擊，達(dá)到點(diǎn)亮的效果。





為了方便胖友們的觀看，三兒將這些圖做成了動(dòng)圖，胖友們可以通過滑動(dòng)來進(jìn)行查看哦！




















































圖片來源：人民日報(bào)







怎么樣，是不是超級炫酷。這篇推文一經(jīng)發(fā)出，瞬間刷爆全網(wǎng)，短時(shí)間內(nèi)，取得了閱讀在看雙破10萬+的成績。




不少胖友紛紛來找三兒，詢問這種推文是如何制作的。




這個(gè)簡單，今天三兒就來教你們?nèi)绾沃谱靼桑?br>















↓點(diǎn)擊圖片，點(diǎn)亮杭州↓這段文字防止純圖片不顯示

圖片切換樣式ID:97878
















由于編輯器升級了專業(yè)版，簡化了部分svg樣式的操作流程，使得修改svg樣式大部分參數(shù)無需再通過html代碼實(shí)現(xiàn)。本點(diǎn)擊樣式所有參數(shù)都可通過動(dòng)畫設(shè)置調(diào)整。













將編輯器切換到專業(yè)版模式，點(diǎn)擊樣式區(qū)域彈出對話框，在【全局樣式】中點(diǎn)擊動(dòng)畫按鈕，開始修改SVG樣式參數(shù)。














這里需要注意的是：不是所有樣式都有動(dòng)畫選項(xiàng)哦，只有SVG樣式會(huì)有動(dòng)畫顯示！








1.上傳圖片




首先，我們需要將圖片上傳至135編輯器中。選擇編輯區(qū)上方的圖片上傳按鈕，選擇你制作好的圖片（兩張圖片需尺寸一樣），點(diǎn)擊上傳按鈕。













圖片上傳成功后，我們需要復(fù)制圖片的地址才能夠使用圖片。




在135編輯器中，找到左側(cè)的『圖片素材』，在這里保存著你所在135編輯器中上傳的圖片。找到你剛上傳的圖片素材，點(diǎn)擊下方的復(fù)制按鈕，即可復(fù)制圖片的地址。

















2.使用樣式


點(diǎn)擊『顯示底圖樣式』，選擇專業(yè)版編輯器菜單中的『動(dòng)畫』按鈕，進(jìn)入到『動(dòng)畫』編輯界面。













在這里，我們可以對整個(gè)樣式進(jìn)行修改。胖友們只需要將剛才保存的圖片地址粘貼至圖片鏈接中即可。













為了方便胖友們的操作，在動(dòng)畫編輯區(qū)域我們新增了動(dòng)畫展示框，胖友們完成圖片的設(shè)置后，可以在右側(cè)的展示區(qū)里點(diǎn)擊樣式查看效果哦！













Tip：這里需要注意的是，樣式中使用的兩張圖需要大小一致，否則會(huì)使樣式點(diǎn)擊后顯示有問題。











3.修改樣式代碼




有胖友可能要問了，那如果我的圖片不是豎版的該怎么辦呢？




別急，三兒來教你通過修改代碼來解決！




首先將我們的樣式插入至135編輯器中，選中樣式后點(diǎn)擊HTML代碼進(jìn)入代碼編輯界面。













找到三兒標(biāo)注出來的地方，將數(shù)字改為你圖片的大小就可以開始按照上面的步驟進(jìn)行修改了。













PS：不知道你圖片的大小是多少？雙擊圖片后選擇『插入遠(yuǎn)程圖片』，右側(cè)就會(huì)顯示這個(gè)圖片的具體尺寸哦！

















3.修改持續(xù)時(shí)間




“我想讓點(diǎn)擊后的動(dòng)畫時(shí)間長一點(diǎn)，該如何制作呢？”




這個(gè)就更簡單啦，還是需要通過『修改HTML代碼』來實(shí)現(xiàn)哦，不過這次只需要更改一個(gè)數(shù)字就可以了！




首先，一定要先選中我們的樣式，然后點(diǎn)擊『HTML代碼』按鈕。













然后找到 dur="2s" 這行代碼，將里面的數(shù)字『2』更換為你想要讓動(dòng)畫顯示的時(shí)長，即可完成。
















注意事項(xiàng)：




這里需要注意的是，排版完成后的推文需要使用135編輯器的保存同步功能，如果使用復(fù)制粘貼功能會(huì)導(dǎo)致樣式失效哦！

滿意的話請點(diǎn)贊評論關(guān)注三連哦~更多的排版教程|漲粉技巧|運(yùn)營指南，請關(guān)注公眾號135編輯器（ID：editor135）