svg实现蛇形背景动画效果代码
代码语言:html
所属分类:背景
代码描述:svg实现蛇形背景动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <style> body { margin: 0; padding: 0; } svg { background: #85437c; } </style> </head> <body translate="no" > <svg width="100vw" height="100vh"> <defs> <pattern id="sneks" x="0" y="0" width="256" height="256" patternUnits="userSpaceOnUse"> <g id="snek"> <polyline fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#7cc1b5" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" -3,-2 16.5,15.5 31.5,0.5 63.5,32.5 48.5,47.5 31.5,32.5 -0.5,64.5 16.5,79.5 31.5,64.5 47.5,79.5 95.5,32.5 80.5,15.5 95.5,0.5 127.5,32.5 48.5,111.5 31.5,96.5 -0.5,128.5 16.5,143.5 31.5,127.5 63.5,160.5 80.5,143.5 63.5,128.5 159.5,32.5 144.5,15.5 159.5,0..........完整代码请登录后点击上方下载按钮下载查看
网友评论0