js实现可换色动态多边形背景动画效果代码-html代码-BFW代码库

js实现可换色动态多边形背景动画效果代码

代码语言：html

所属分类：背景

代码描述：js实现可换色动态多边形背景动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>

<head>
    <meta charset="utf-8">

    <style>
        *{margin: 0;padding: 0;}
        #container {
        	position: absolute;
        	height: 100%;
        	width: 100%;
        }
        #output {
        	width: 100%;
        	height: 100%;
        }
        .color{
        	width: 120px;
        	height: 20px;
        	margin: 0 auto;
        	position: fixed;
        	left: 50%;
        	margin-left: -60px;
        	bottom: 20px;
        }
        .color li{
        	float: left;
        	margin: 0 5px;
        	width: 20px;
        	height: 20px;
        	background: #ccc;
        	box-shadow: 0 0 4px #FFF;
        	list-style: none;
        	cursor: pointer;
        }
        .color li:nth-child(1){
        	background: #002c4a;
        }
        .color li:nth-child(2){
        	background: #35ac03;
        }
        .color li:nth-child(3){
        	background: #ac0908;
        }
        .color li:nth-child(4){
        	background: #18bbff;
        }
    </style>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo.........完整代码请登录后点击上方下载按钮下载查看