ipad概念画板手写+svg动画效果
先上图:
概念画板是个好东西,可以直接导出为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 免费软件)
相关推荐
mapaler 2020-07-17
MIKUScallion 2020-07-05
Dickzeng 2020-07-05
wallowyou 2020-06-28
hermanncain 2020-06-25
mapaler 2020-06-21
Dickzeng 2020-06-17
程序员俱乐部 2020-06-11
lanzhusiyu 2020-06-09
hermanncain 2020-05-09
Elena0 2020-04-11
Leonwey 2020-04-11
wallowyou 2020-03-05
jinxiutong 2020-02-10
jinxiutong 2020-02-03
mqbeauty 2020-01-08
mapaler 2020-01-17
Elena0 2020-01-12
mapaler 2020-01-05