SVG排版小技巧(SVG點擊效果)

胖友們大家好呀,我是三兒,今天我們先來玩?zhèn)€小游戲吧!2020年經歷了許多不愉快,2021年即將到來,你希望新的一年哪些東西消失呢?

image.png


哇塞!所有讓你不愉快的東西全部都消失了!是不是很棒!


這是怎么做到的呢?三兒教你!



SVG編輯器入口:http://m.syjsm.cn/svgeditor/



點擊消失圖片

ID:100884



【樣式作用】:創(chuàng)意SVG,可以與讀者進行有效的互動,幫助打造文章氛圍。除此之外,還可以結合產品特性,制作出更多的玩法。


【使用說明】:如需要替換圖片,請在專業(yè)版用動畫功能,需要使用同步功能同步至微信公眾號。




一、如何更換內容?

 
 


135編輯器對SVG樣式做了更新,在專業(yè)版中特意添加了『動畫』按鈕,胖友們可以在『動畫』設置中對SVG樣式進行修改。








1.首先將編輯器切換至專業(yè)版,點擊右側『更多功能』,在彈出的菜單中選擇『切換專業(yè)版』,即可將編輯器切換為專業(yè)版。









2.搜索樣式ID:100884,找到『svg點擊消失圖片樣式,插入至編輯器中。









3.點擊選中樣式(在樣式周圍出現虛線框時,才算選中哦?。趶棾龅牟藛螜谥?,選擇『動畫』按鈕,進入動畫設置界面。



這里需要注意的是:只有SVG樣式才會有動畫按鈕哦,普通的樣式是沒有動畫按鈕的!









4.在動畫設置界面,點擊『圖片上傳』,上傳圖片即可。



注意:

① 圖片上傳順序為縱列依次上傳。

② 圖片默認為9張,大家可以刪除或者復制,增加圖片的張數。








5.圖片上傳時,推薦選擇原圖上傳,就可以將做好的圖片完整的上傳了!








6.設置完所有內容以后,胖友們可以在svg設置頁面右側的預覽框中進行測試,也可以返回編輯器界面,點擊右側菜單欄中的『手機預覽』進行測試。



注意:編輯好后,不要在編輯界面點擊該svg圖片,直接手機預覽查看即可,不然圖片消失。


注意事項:


這里需要注意的是,由于微信后臺限制,所以排版完成后的推文需要使用保存同步功能,如果使用復制粘貼會導致樣式失效!



文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
  • 雙十二電商活動宣傳排版素材(電商商品促銷推廣模版樣式)
  • 乞巧節(jié)微信公眾號推文排版素材(愛情浪漫活動推廣文案)
  • 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
  • 八一建軍節(jié)紀念日推文排版樣式(光輝歷程文案宣傳模版)
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產品設計指南
淺談用戶運營中的用戶分層
內容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關鍵
抖音賬號內容自檢清單!
決定離職后,3天拿到offer的總結與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到