《红尘恋恋芙蓉花》流苏
<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&mp3b=http://img2.oldkids.cn/upload/2021/12/10/blog_260808104_20211210100000400.mp3&lrc=
《红尘恋恋芙蓉花》流苏
词:小微曲:流苏
LRC歌词制作:焱鑫磊
一帘烟雨轻轻洒
好像在说悄悄话
雨中的你多无暇
恋恋红尘吐芳华
你是美丽一幅画
像天边最美云霞
蝴蝶也为你停下
湖水也为你舞浪花
出水的芙蓉花
缕缕馨香只为她
我要带你回家
守护你到天涯
出水的芙蓉花
恋恋红尘只为她
留下一段佳话
流连一世把你牵挂
===间奏===
一帘烟雨轻轻洒
好像在说悄悄话
雨中的你多无暇
恋恋红尘吐芳华
你是美丽一幅画
像天边最美云霞
蝴蝶也为你停下
湖水也为你舞浪花
出水的芙蓉花
缕缕馨香只为她
我要带你回家
守护你到天涯
出水的芙蓉花
恋恋红尘只为她
留下一段佳话
流连一世把你牵挂
出水的芙蓉花
缕缕馨香只为她
我要带你回家
守护你到天涯
出水的芙蓉花
恋恋红尘只为她
留下一段佳话
流连一世把你牵挂
留下一段佳话
流连一世把你牵挂
&mp3b=&mp3n=&&gczt=悟空大字库&gczh=40&gcys=fF0000&gczzys=00ff00&gcljys=000000&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);opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></embed></div>
</div>
<div style="height: 700px;"> </div>
听一下 欣赏收藏老师的 好看又好听,点赞! 清风晓月 发表于 2021-12-10 12:20
听一下
欢迎老师光临!问好! 巫荣云师 发表于 2021-12-10 13:58
欣赏收藏老师的 好看又好听,点赞!
问候老师下午好! 焱鑫磊 发表于 2021-12-10 16:12
欢迎老师光临!问好!
老师可不敢当,问个好
页:
[1]