jquery实现海上生明月天涯共此时中秋快乐动画效果代码-html代码-BFW代码库

jquery实现海上生明月天涯共此时中秋快乐动画效果代码

代码语言：html

所属分类：动画

代码描述：jquery实现海上生明月天涯共此时中秋快乐动画效果代码

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        @charset "utf-8";
    
    html,body{
      padding: 0px;
      margin: 0px;
      overflow: hidden;
    }
    
    
    #bg{
      height: 100vh;
      width: auto;
      background: radial-gradient(150% 95% at bottom center,rgb(67, 19, 122) 20%,rgb(6,6,70) 55%,rgb(7,7,70) 70%,rgb(18, 2, 56) 85%,rgb(5, 1, 22) 100%);
      overflow: hidden;
      z-index: 1;
    }
    
    #water{
      position: relative;
      top: 70vh;
      height: 30vh;
      width: auto;
      /* background: -webkit-linear-gradient(bottom,rgb(10,10,78),rgb(4,11,99)); */
      /* background-color: rgb(3,13,65); */
      /* background: radial-gradient(13.3% 54% at 50.5% 0%,rgb(247, 247, 235) 78%,rgb(18, 2, 56) 85%,rgb(7, 2, 37) 100%); */
      z-index:2;
    
      box-shadow: 0 0 20px rgba(221,225,222,0.9);
    }
    
    #moon{
      height: 400px;
      width: 400px;
      background-color:rgb(250, 246, 227);
      border-radius: 50%;
      z-index: 1;
      position: absolute;
      left: 40%;
      font-family: cursive;
      box-shadow: 0 0 50px rgba(251,255, 254, 2);
    }
    @keyframes rotate {
      0% {
  .........完整代码请登录后点击上方下载按钮下载查看