《等到明年这一天》朱明瑛 - 【动感音乐】 - 中画网 - Powered by Discuz! Archiver

论坛 › 【动感音乐】 › 《等到明年这一天》朱明瑛

焱鑫磊 发表于 2021-12-19 17:51

《等到明年这一天》朱明瑛

<style type="text/css">.container{ z-index: 100;width: 1000px; height: 600px; margin-top:650px; margin-left:0px; box-shadow:0px 0px 1px 2px #694006, 0px 0px 0px 10px #f0d4ad,0px 0px 120px 125px #800000;overflow:hidden;border-radius:0%;background-image:url( https://up.enterdesk.com/edpic/a0/4c/1b/a04c1ba219a61a4d36cb6cb0ac609c1a.jpg);background-size: 100% 100%;transform: skewX(0deg) skewY(0deg); text-align: center;}
.video{top: 0px;
left:0px;
position: absolute;
width: 100%;
height: 100%;
}
.square
{top: 76px;
left:110px;
position: absolute;
width: 782px;box-shadow:0px 0px 1px 2px #000000, 0px 0px 0px 6px #f0d4ad,0px 0px 0px 8px #000000;
height: 440px;
border-radius:0%;filter:contrast(150%);
}
.square:nth-child(1)
{animation:change1 25s ease infinite;}
.square:nth-child(2)
{animation:change2 25s ease infinite;}
.square:nth-child(3)
{animation:change3 25s ease infinite;}
.square:nth-child(4)
{animation:change4 25s ease infinite;}
@keyframes change1
{100% {background:#000000;transform: scale(.6, .6)translate(-100%,100%);}
95% {background:#000000;transform: scale(.4, .4)translate(-52%,52%) ;}
90% {background:#000000;transform: scale(.6, .6)translate(-52%,52%) ;}
85% {background:red;transform: rotateX(0deg)rotateY(180deg)scale(.6, .6)translate(52%,-52%); }
70% {background:#FF0000;transform: scale(.6, .6)translate(52%,-52%) ; }
65% {background:#550000;transform: scale(.6, .6)translate(-52%,52%)rotateX(-45deg)rotateY(20deg); }
60% {background:#FF0000;transform: scale(.6, .6)translate(-52%,-52%)rotateX(45deg)rotateY(20deg) ; }
55%{background:#00FF00;transform: rotateX(-180deg)scale(.6, .6)translate(-52%,52%); }
40%{background:#000080;transform: scale(.6, .6)translate(-52%,52%); }
35%{background:#fff080;transform: scale(.6, .6)translate(-52%,-52%); }
30%{background:#80000;transform: scale(.6, .6)translate(52%,-52%); }
25%{background:#00ff00;transform: scale(.4, .4)translate(52%,-52%); }
0%{background:#00ff00;transform: scale(.6, .6)translate(100%,-100%); }
}
@keyframes change2
{ 100% {background:#000000;transform: scale(.6, .6)translate(100%,-100%);}
95% {background:#000000;transform: scale(.4, .4)translate(52%,-52%);}
90% {background:#000000;transform: scale(.6, .6)translate(52%,-52%);}
85% {background:red;transform: rotateX(0deg)rotateY(-180deg)scale(.6, .6)translate(-52%,52%); }
70% {background:#FF0000;transform: scale(.6, .6)translate(-52%,52%);}
65% {background:#550000;transform: scale(.6, .6)translate(52%,-52%)rotateX(-45deg)rotateY(20deg); }
60% {background:#FF0000;transform: scale(.6, .6)translate(52%,52%)rotateX(45deg)rotateY(20deg) ; }
55%{background:#00FF00;transform: rotateX(180deg)scale(.6, .6)translate(52%,-52%); }
40%{background:#000080;transform: scale(.6, .6)translate(52%,-52%); }
35%{background:#fff080;transform: scale(.6, .6)translate(52%,52%) }
30%{background:#800000;transform: scale(.6, .6)translate(-52%,52%); }
25%{background:#00ff00;transform: scale(.4, .4)translate(-52%,52%); }
0%{background:#00ff00;transform: scale(.6, .6)translate(-100%,100%); }
}
@keyframes change3
{ 100% {background:#000000;transform: scale(.6, .6)translate(-100%,-100%);}
95% {background:#000000;transform: scale(.4, .4)translate(-52%,-52%);}
90% {background:#000000;transform: scale(.6, .6)translate(-52%,-52%);}
85% {background:red;transform: rotateX(180deg)rotateY(0deg)scale(.6, .6)translate(52%,52%); }
70% {background:#FF0000;transform: scale(.6, .6)translate(52%,52%) ; }
65% {background:#550000;transform: scale(.6, .6)translate(-52%,-52%)rotateX(-45deg)rotateY(20deg) ; }
60% {background:#FF0000;transform: scale(.6, .6)translate(52%,-52%)rotateX(45deg)rotateY(20deg) ; }
55%{background:#00FF00; transform: rotateX(0deg)rotateY(-180deg)scale(.6, .6)translate(52%,52%); }
40%{background:#000080;transform: scale(.6, .6)translate(52%,52%); }
35%{background:#fff080;transform: scale(.6, .6)translate(52%,-52%); }
30%{background:#800000;transform: scale(.6, .6)translate(-52%,-52%); }
25%{background:#00ff00;transform: scale(.4, .4)translate(-52%,-52%); }
0%{background:#00ff00;transform: scale(.6, .6)translate(-100%,-100%); }
}
@keyframes change4
{ 100% {background:#000000;transform: scale(.6, .6)translate(100%,100%);}
95% {background:#000000;transform: scale(.4, .4)translate(52%,52%);}
90% {background:#000000;transform: scale(.6, .6)translate(52%,52%);}
85% {background:red;transform: rotateX(-180deg)rotateY(0deg)scale(.6, .6)translate(-52%,-52%); }
70% {background:#FF0000;transform: scale(.6, .6)translate(-52%,-52%);}
65% {background:#550000;transform: scale(.6, .6)translate(52%,52%)rotateX(-45deg)rotateY(20deg) ; }
60% {background:#FF0000;transform: scale(.6, .6)translate(-52%,52%)rotateX(45deg)rotateY(20deg) ; }
55%{background:#00FF00; transform: rotateX(0deg)rotateY(180deg)scale(.6, .6)translate(-52%,-52%); }
40%{background:#000080;transform: scale(.6, .6)translate(-52%,-52%); }
35%{background:#fff080;transform: scale(.6, .6)translate(-52%,52%); }
30%{background:#800000;transform: scale(.6, .6)translate(52%,52%); }
25%{background:#00ff00;transform: scale(.4, .4)translate(52%,52%); }
0%{background:#00ff00;transform: scale(.6, .6)translate(100%,100%); }
}
</style>
<div class="container">
<div class="square"><img src="https://up.enterdesk.com/edpic/e4/58/2c/e4582cc594a11e9635e65869af523289.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>

<div class="square"><img src="https://up.enterdesk.com/edpic/76/67/4d/76674d9afaa7a664433350567ec2cb4c.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>

<div class="square"><img src="https://up.enterdesk.com/edpic/0a/40/bc/0a40bc60f891e28ec619051e1ba113b4.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>

<div class="square"><img src="https://up.enterdesk.com/edpic/ee/33/67/ee3367b56c8bf0b4da42ec804a5c8913.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>
<style type="text/css">.items {position: relative;
width: 870px;
height: 100px;
margin-top:480px;margin-LEFT: 40px;
z-index: 100;
animation: nm 5s linear infinite;}
@keyframes nm {100%{
            opacity: 1;transform:translate(0%,0%) scale(1.1);
         }
10%{opacity: 1;transform:translate(0%,0%) scale(1);filter: hue-rotate(2240deg)
         }
         0%{
            opacity: 0.5;transform:translate(0%,0%) scale(0.3);filter: hue-rotate(140deg)
         }
   }
</style>
<div class="items"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://mp.333ttt.com/mp3music/207961.mp3&lrc=
《等到明年这一天》朱明瑛
LRC歌词制作：焱鑫磊
只有离别时刻
才知时光短暂
纵有万语千言
难述心中留恋
今宵我的歌声
永远把你陪伴
明朝你的思念
也会把我挂牵
再见再见
等到明年的这一天
再见再见
等到明年的这一天
只有离别时刻
才知时光短暂
纵有万语千言
难述心中留恋
今宵我的歌声
永远把你陪伴
明朝你的思念
也会把我挂牵
再见再见
等到明年的这一天
再见再见
等到明年的这一天
只有离别时刻
才知时光短暂
纵有万语千言
难述心中留恋
今宵我的歌声
永远把你陪伴
明朝你的思念
也会把我挂牵
再见再见
等到明年的这一天
再见再见
等到明年的这一天
再见再见
再见再见
等到明年的这一天
再见再见
再见再见
等到明年的这一天
再见再见
再见再见
等到明年的这一天
再见再见
再见再见
等到明年的这一天

&mp3b=&mp3n=&&gczt=悟空大字库&gczh=40&gcys=fF0000&gczzys=fff000&gcljys=&gcljld=1&dgbjtm=0" height="100" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" style="height: 100px; width: 870px;filter:drop-shadow(0px 0px 1px #000000) drop-shadow(0px 0px 1px #000000)drop-shadow(0px 0px 1px #000000);opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></embed></div>
</div>

<div style="height: 700px;"> </div>

蓝魔发表于 2021-12-19 18:18

欣赏一下，谢谢。

焱鑫磊 发表于 2021-12-19 22:54

jjybzxw 发表于 2021-12-19 18:18
欣赏一下，谢谢。

问候老师好！

巫荣云师 发表于 2021-12-20 14:19

欣赏收藏老师的好看又好听，点赞！

焱鑫磊 发表于 2021-12-20 16:30

巫荣云师发表于 2021-12-20 14:19
欣赏收藏老师的好看又好听，点赞！

问候老师好！

蓝魔发表于 2021-12-20 21:49

欣赏一下，谢谢。

焱鑫磊 发表于 2021-12-20 21:50

jjybzxw 发表于 2021-12-20 21:49
欣赏一下，谢谢。

老师晚上好！

非常开心 发表于 2021-12-21 22:16

离人无语月无声，明月有光人有情。

焱鑫磊 发表于 2021-12-21 23:36

非常累心发表于 2021-12-21 22:16
离人无语月无声，明月有光人有情。

问候老师晚上好！

页: [1]

查看完整版本: 《等到明年这一天》朱明瑛