要制作svg動(dòng)圖,巧婦難為無米之炊,首先我們要先有svg圖片,
下面介紹得到svg動(dòng)圖的三個(gè)方法:
1.在icomoon內(nèi)下載圖標(biāo),得到svg代碼。
2.利用ai軟件制作svg動(dòng)圖,得到最后的完整代碼。
3.利用在線傻瓜svg動(dòng)圖編輯器,制作好要的svg圖片導(dǎo)出即可。
制作好svg圖片后,很簡(jiǎn)單,只需按照格式將代碼編輯好,加入變形 旋轉(zhuǎn)或縮放等代碼即可。
下面是代碼示例

微信圖片_20180709215855.png
相應(yīng)動(dòng)畫代碼在rwd書內(nèi)明確有寫,但在此還是相應(yīng)給出:

skew

rotate!

scale