焱鑫磊 发表于 2021-12-10 10:29

《红尘恋恋芙蓉花》流苏

<style type="text/css">.container{ z-index: 100;width: 995px; height: 590px; margin-top:700px; margin-left:0px; box-shadow: 0px 0px 0px 2px #000000,0px 0px 0px 6px #9F35FF, 0px 0px 20px 20px #00AEAE; overflow: hidden; border-radius:0%;background-image:url(https://up.enterdesk.com/photo/2012-4-28/enterdesk.com-744FB5A324ECB92FC0B3862A0F287BF8.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/cd/24/2b/cd242b49689f0a8888f9f052e415c2a4.jpg" style="width: 100%; height: 100%;" /></div>

<div class="square"><img alt="" src="https://up.enterdesk.com/edpic/13/08/48/130848d478f98b08708d399ad882e873.jpg" style="width: 100%; height: 100%;" /></div>

<div class="square"><img alt="" src="https://up.enterdesk.com/edpic/42/48/cc/4248ccb7968267f6bac7c74c9f519088.jpg" style="width: 100%; height: 100%;" /></div>
<style type="text/css">.items {position: relative;
width: 870px;
height: 100px;
top:450px;LEFT: 60px;
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/145546960.mp3&amp;mp3b=http://img2.oldkids.cn/upload/2021/12/10/blog_260808104_20211210100000400.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-10 12:20

听一下

巫荣云师 发表于 2021-12-10 13:58

欣赏收藏老师的 好看又好听,点赞!

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

清风晓月 发表于 2021-12-10 12:20
听一下

欢迎老师光临!问好!

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

巫荣云师 发表于 2021-12-10 13:58
欣赏收藏老师的 好看又好听,点赞!

问候老师下午好!

清风晓月 发表于 2021-12-11 09:17

焱鑫磊 发表于 2021-12-10 16:12
欢迎老师光临!问好!

老师可不敢当,问个好
页: [1]
查看完整版本: 《红尘恋恋芙蓉花》流苏