stroke是一个比较重要的svg属性分支stroke-width表示描边的粗细stroke-linejoin表示描边角斜接、圆角、斜角、inheritstroke的表达-dasharray表示虚线描边stroke-dashoffset表示虚线的起始偏移量。主角是stroke-dasharray&stroke-dashoffset。效果详解:张新旭。纯CSS实现帅气的SVG路径描边动画效果直接上传代码路径{stroke-dasharray:1000;笔画偏移量:1000;动画:破折号5s线性无限;}@keyframes破折号{to{stroke-dashoffset:0;}}1000没有什么特别的意思,只是够大的,插画师可以改变路径,stroke时换svg的起点改变方向,使用transform时会导致z-index失效,所以你需要注意布局。
