no message

master
cp 2021-12-03 14:24:06 +08:00
parent 60e47f93df
commit c6242d4681
7 changed files with 41 additions and 20 deletions

BIN
.DS_Store vendored

Binary file not shown.

4
css/animate.css vendored
View File

@ -44,10 +44,10 @@
}
@keyframes scale{
0%{
transform: scale(.9);
transform: scale(1);
}
100%{
transform: scale(.91);
transform: scale(1.02);
}
}
@keyframes blendmode{

View File

@ -137,20 +137,26 @@ body{
width: 100%;
height: 101vh;
position: absolute;
background: url(../image/img_01.png) no-repeat;
background: url(../image/img_01.png) no-repeat ;
background-size: 1920px 1080px;
background-position: 0 -3.125rem;
z-index: 2;
}
.scale-body{
width: 100%;
height: 101vh;
position: absolute;
background: url(../image/img_01.png) no-repeat;
background: url(../image/img_01.png) no-repeat bottom;
background-size: 1920px 1080px;
background-position: 0 -3.125rem;
animation: scale-body .6s linear infinite;
}
.lighting-bg{
position: fixed;
top: 0.5rem;
top: 0rem;
mix-blend-mode: lighten;
display: none;
z-index: 2;
}
.fireworks{
display: block!important;
@ -199,20 +205,21 @@ body{
width: 100%;
}
.stage .sound{
width:1178px;
height: 347px;
width:770px;
height: 190px;
margin: 0 auto;
position: relative;
margin-top: -220px;
margin-top: -120px;
z-index: 2;
}
.stage .sound img{
width: 100%;
animation: scale .4s linear infinite;
animation: scale .2s linear infinite;
}
.stage .leading{
width: 203px;
width: 356px;
position: relative;
margin: -250px auto 0;
margin: -220px auto 0;
}
.stage .leading .leading-dancer{
width: 120px;
@ -224,7 +231,7 @@ body{
position: relative;
}
.stage .leading .table{
margin-top: -25px;
margin-top: -35px;
}
.stage .leading .table img{
max-width: 100%;
@ -233,7 +240,7 @@ body{
color: #ffd800;
font-size: 16px;
text-align: center;
margin-top: -36px;
margin-top: -66px;
}
.speak{
position: fixed;
@ -268,11 +275,12 @@ body{
color: #FFFFFF;
margin: -78px auto 0;
display: none;
min-width: 160px;
min-width: 356px;
}
.speak.speak-pink::after{
background: url(../image/icon_03.png) no-repeat;
left:60px;
}
.types{
font-size: 24px;
@ -297,9 +305,10 @@ body{
.dance-floor-box{
position: fixed;
left: 150px;
width:calc(100% - 300px);
width:calc(100% - 280px);
height: calc(100vh - 410px);
z-index: 9999;
bottom: 100px;
}
.dance-floor{
position: relative;
@ -470,3 +479,12 @@ body{
width: 100%;
background: rgba(0,0,0,.2);
}
.video-bg{
width: 1920px;
position: absolute;
top: -50%;
left: 0;
}
.video-bg video{
width: 1920px;
}

View File

@ -39,8 +39,8 @@
<img src="image/icon_02.png" />
</div>
<div class="leading">
<div class="speak speak-pink"></div>
<div class="leading-dancer dancing-wobble-right">
<div class="speak speak-pink" ></div>
<div class="leading-dancer dancing-right">
<div class="stick stick-06 stick-swing-big "></div>
</div>
<div class="table">
@ -56,13 +56,16 @@
<!--当前舞池动作: dancing-left, dancing-right,dancing-down,dancing-UP,dancing-Wobble,dancing-Wobble-right-->
<div class="dance-floor-box">
<div class="dance-floor">
</div>
</div>
</div>
</div>
<!--小纸片氛围js-->
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!--小纸片氛围js-->
<!--视频灯光-->
<div class="video-bg">
<video loop autoplay muted src="https://bili.scdxtc.cn/video/img-bg.mp4" ></video>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 331 KiB

After

Width:  |  Height:  |  Size: 87 KiB