《见你一面》任妙音
<style type="text/css">.container{ z-index: 100;width: 1000px; height: 600px; margin-top:730px; 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/39/9e/4d/399e4d9827224bf90b5f922874c83f9e.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://s4.ax1x.com/2021/12/19/Teoh3n.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>
<div class="square"><img src="https://s4.ax1x.com/2021/12/19/TeoouV.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>
<div class="square"><img src="https://s4.ax1x.com/2021/12/19/TeobEF.jpg" style="width: 100%; height: 100%;opacity:0.80;" /></div>
<div class="square"><img src="https://s4.ax1x.com/2021/12/19/TeoL4J.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/68778861.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:730px;"> </div>
欣赏一下,谢谢。 jjybzxw 发表于 2021-12-20 08:20
欣赏一下,谢谢。
老师早上好! 欣赏收藏老师的 好看又好听,点赞! 巫荣云师 发表于 2021-12-20 14:17
欣赏收藏老师的 好看又好听,点赞!
问候老师好!
页:
[1]