svg路径动画效果
代码语言:html
所属分类:动画
代码描述:svg路径动画效果
代码标签: 效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> use { stroke: currentcolor; fill: none; animation: ld 2s linear infinite; stroke-dasharray: 7.5 8; stroke-width: .5; animation: rep 5s linear infinite; } use:nth-child(even) { animation-delay: -.25s; } @keyframes rep { 100% { stroke-dashoffset: 62; } } svg { height: 100vh; width: 100vw; display: block; } </style> </head> <body translate="no"> <svg viewbox="0 -4 14 8"> <defs&g.........完整代码请登录后点击上方下载按钮下载查看
网友评论0