焱鑫磊 发表于 2021-12-10 16:15

《人间寂寞花》陈瑞

<style type="text/css">.container{ z-index: 100;width: 992px; height: 590px; margin-top:700px; margin-left:0px; box-shadow: 0px 0px 0px 2px #000000,0px 0px 0px 6px #ff0000, 0px 0px 20px 20px #00AEAE; overflow: hidden; border-radius:0%;background-image:url(https://up.enterdesk.com/edpic/a3/e9/c8/a3e9c889a4d3f761efffb6a0ea323d85.jpg);background-size: 100% 100%; transform: skewX(0deg) skewX(0deg); text-align: center;}
.video{top: 0px;
left:0px;
position: absolute;
width: 100%;
height: 100%;
}
.square
{top: 0px;
left:0px;
position: absolute;border-radius:0%;
width: 330px;border:2px solid #ffffff;
height: 596px;}
.square:nth-child(1)
{animation:change1 20s ease infinite;}
.square:nth-child(2)
{animation:change2 20s ease infinite;}
.square:nth-child(3)
{animation:change3 20s ease infinite;}
@keyframes change1
{0%{ transform: translate(0%,-150%)scale(1)rotateX(0deg)rotateY(0deg);}
10% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
20% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
30% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
40% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(20deg);}
50% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(-20deg);}
60% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
70% { transform: translate(0%,0%)scale(1,1)rotateX(45deg)rotateY(20deg);}
75% { transform: translate(0%,0%)scale(1,1)rotateX(-45deg)rotateY(20deg);}
80% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
90% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
110%{}
}
@keyframes change2
{0%{ transform: translate(100%,-450%)scale(1,1)rotateX(0deg)rotateY(0deg);}
10% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
20% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
30% { background:red;transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
40% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(20deg);}
50% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(-20deg);}
60% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
70% { background:red;transform: translate(100%,0%)scale(1.15,1)rotateX(-45deg)rotateY(20deg);}
75% { transform: translate(100%,0%)scale(1.15,1)rotateX(45deg)rotateY(20deg);}
80% { transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
90%{ transform: translate(100%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
110%{}
}
@keyframes change3
{0%{ transform: translate(200%,-850%)scale(1)rotateX(0deg)rotateY(0deg);}
10% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
20% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
30% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
40% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(20deg);}
50% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(0deg)rotateZ(-20deg);}
60% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(0deg);}
70% { transform: translate(200%,0%)scale(1,1)rotateX(45deg)rotateY(20deg);}
75% { transform: translate(200%,0%)scale(1,1)rotateX(-45deg)rotateY(20deg);}
80% { transform: translate(200%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
90% { transform: translate(0%,0%)scale(1,1)rotateX(0deg)rotateY(180deg);}
110%{}
}
</style>
<div class="container">
<div class="square"><img alt="" src="https://up.enterdesk.com/edpic/71/31/82/7131825a9ebdedc2350c90225b87e67b.jpg" style="width: 100%; height: 100%;" /></div>

<div class="square"><img alt="" src="https://up.enterdesk.com/edpic/ce/e4/22/cee42268dcba04c0f79a0f975f73eb30.jpg" style="width: 100%; height: 100%;" /></div>

<div class="square"><img alt="" src="https://up.enterdesk.com/edpic/cc/80/00/cc80008ed54c9655eca9ad2b6210deaa.jpg" style="width: 100%; height: 100%;" /></div>
<style type="text/css">.items {position: relative;
width: 870px;
height: 100px;
top:470px;LEFT: 40px;
box-sizing: border-box;
        z-index: 100;
background-size: cover;
animation: slider 0.5s linear infinite ;
transform-origin: center;position: relative;
}
@keyframes slider {0%,100%{
                margin: 2px 0px;filter:hue-rotate(360deg)brightness(550%)drop-shadow(0px 0px 60px #FF0000)drop-shadow(0px 0px 60px #FF0000)drop-shadow(0px 0px 60px #FF0000);}
            50%{
                margin: -2px 0px;filter:hue-rotate(0deg)brightness(350%)drop-shadow(0px 0px 60px #fff000)drop-shadow(0px 0px 60px #fff000)drop-shadow(0px 0px 60px #fff000);}}
</style>
<div class="items"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://mp.333ttt.com/mp3music/201816549.mp3&amp;mp3b=http://mp.333ttt.com/mp3music/201816549.mp3&amp;lrc=
《人间寂寞花》陈瑞
词：郭冬青曲：陈伟
LRC歌词制作：焱鑫磊
我轻剪时光半生无睱
不曾贪恋 红尘的繁华
春梦秋云 聚散一杯茶
举杯邀月 把酒话桑麻
你孑然一身浪迹天涯
不曾有心 却四海为家
爱恨情仇 不过一道疤
江湖如你 西风追烈马
我本一朵人间寂寞花
只待流年消散了芳华
偏要为你添 无用的牵挂
一场旧梦 辨不清真假
我本一朵人间寂寞花
无意招惹满襟的风砂
只怪相思扰 青丝催白发
三生石上 刻不完情话
你孑然一身浪迹天涯
不曾有心 却四海为家
爱恨情仇 不过一道疤
江湖如你 西风追烈马
我本一朵人间寂寞花
只待流年消散了芳华
偏要为你添 无用的牵挂
一场旧梦 辨不清真假
我本一朵人间寂寞花
无意招惹满襟的风砂
只怪相思扰 青丝催白发
三生石上 刻不完情话
三生石上 刻不完情话

&amp;mp3b=&amp;mp3n=&amp;&amp;gczt=悟空大字库&amp;gczh=40&amp;gcys=fF0000&amp;gczzys=00ff00&amp;gcljys=000000&amp;gcljld=1&amp;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);opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></embed></div>
</div>

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


蓝魔 发表于 2021-12-11 07:03

欣赏一下，谢谢。

焱鑫磊 发表于 2021-12-11 09:37

jjybzxw 发表于 2021-12-11 07:03
欣赏一下，谢谢。

老师早上好！

巫荣云师 发表于 2021-12-11 16:33

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

焱鑫磊 发表于 2021-12-11 22:50

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

问候老师好！
页: [1]
查看完整版本: 《人间寂寞花》陈瑞