先上图:
概念画板是个好东西,可以直接导出为svg,并且可以通过 airdrop 直接传到电脑
实现代码:
anime({
targets: '.lines path',
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInOutSine',
duration: 200,
delay: function(el, i) { return i * 200 },
loop: true
});
采用素描特性,每个 path 动画时间 200ms, 下一个元素在当前元素画完后开始。
- svg动画库 https://anime.js.cool
- 在线示例: https://jsfiddle.net/willin/7...
- Gif录屏用的是: LICEcap (mac os 免费软件)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。