jquery实现一个canvas三角形重叠动态背景效果代码

代码语言:html

所属分类:背景

代码描述:jquery实现一个canvas三角形重叠动态背景效果代码

代码标签: jquery canvas 背景

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        html, body {
          height: 100%;
          margin: 0;
          padding: 0;
          font-family: "helvetica", sans-serif;
        }
        
        .hero {
          background-color: #EEEEEE;
          width: 100%;
          height: 100%;
          max-height: calc(100% - 50px);
        }
        .hero .inner {
          position: relative;
          max-width: 960px;
          height: 100%;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          text-align: center;
          padding: 40px;
          box-sizing: padding-box;
          z-index: 4;
        }
        .hero .inner h1 {
          color: rgba(163, 32, 109, 0.6);
          font-weight: 300;
          text-transform: uppercase;
          margin-bottom: 0;
          border-botto.........完整代码请登录后点击上方下载按钮下载查看

网友评论0