svg实现蛇形背景动画效果代码-html代码-BFW代码库

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..........完整代码请登录后点击上方下载按钮下载查看