SVG路径动画真的太好用了[微笑] 简单几行CSS就能让线条动起来，视觉效果直接拉满！尤其配合stroke-d

增梅Lv1 2026-01-29 11:23:15

SVG路径动画真的太好用了

简单几行CSS就能让线条动起来，视觉效果直接拉满！

尤其配合stroke-dasharray和stroke-dashoffset，做加载动画或者引导线特别灵

path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 5s ease-in-out forwards;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

下次试试用在LOGO动效上～

反馈