ipad概念画板手写+svg动画效果

先上图:

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, 下一个元素在当前元素画完后开始。

相关推荐