TweenMax实现蓝色海洋泡泡漂浮动画效果代码-html代码-BFW代码库

TweenMax实现蓝色海洋泡泡漂浮动画效果代码

代码语言：html

所属分类：动画

代码描述：TweenMax实现蓝色海洋泡泡漂浮动画效果代码

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

<!DOCTYPE html>
<html lang="en">

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


    <style>
        body {
      margin: 0 auto;
      background: #000;
      overflow: hidden;
    }
    
    .particle_star {
      width:4px;
      height:4px;
      position:absolute;
      background-color: #ffffff;
      box-shadow:0px 0px 17px 4px wheat;
      border-radius: 50%;
    }
    
    .container {
      margin: 0 auto;
      height: 100vh;
      position: relative;
      overflow: hidden;
      background-size: 100% auto; 
      background-repeat: no-repeat; 
      background-image: url('//repo.bfw.wiki/bfwrepo/image/619d7629f18e5.png');
    
    }
    </style>
</head>

<body>

    <div class="container"></div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
    <script>
        var star_num = 75;
    var $container = $(".container");
    var $containerWidth = $container.width();
    var $containerHeight = $container.height();
    
    for (var i = 0; i <.........完整代码请登录后点击上方下载按钮下载查看