历史的天空
<style type="text/css">.container{ z-index: 100;width: 1000px; height: 600px;POSITION: absolute; margin-top:1130px; margin-left:-20px; box-shadow: 0px 0px 0px 2px #ffffff,0px 0px 0px 25px #880000, 0px 0px 150px 105px #000080; overflow: hidden; border-radius:0%;background-image:url(https://up.enterdesk.com/edpic_source/28/53/15/2853151255cee904422451e51a2ab950.jpg);background-size: 100% 100%; transform: skewX(0deg) skewY(0deg); text-align: center;
}
.square
{
margin: 0px auto;
position: relative;
width: 1000px;
height: 600px;
border:0px solid #ffffff;
animation:change 15s ease infinite;
}
@keyframes change
{ 0% {transform: rotate3d(1, 1, 1, 0deg)scale(.8, .8);}
25% {transform: rotate3d(1, 1, 1, 360deg)scale(.4, .4); }
40% {transform: scale(.8, .8); }
55%{transform: scale(0.7, .4); }
70%{transform: scale(.4, .4); }
85%{transform: scale(.4, 0.7);}
100% {transform: scale(1, 1);}
}
</style>
<div class="container">
<div class="square">
<video autoplay="autoplay" height="600" loop="loop" muted="true" src="//chuangshicdn.data.mvbox.cn/music/yc/21/09/25/21092509085202141701.mp4" style="max-width: 100%; width: 350px; height: auto;filter:contrast(110%)hue-rotate(0deg);border:4px solid #ffffff;" width="350"> </video>
</div>
<style type="text/css">.items{position: absolute;margin-top:-130px;margin-LEFT: 50px;
z-index: 100;
animation: slider 0.24s linear infinite ;
}
@keyframes slider {from {
opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(400%);
}
50% {
opacity: 1;
}
to {
opacity: 1;filter:hue-rotate(0deg)contrast(120%)brightness(100%);
}
}
</style>
<div class="items"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http%3A//play.tianshigege.com/SR2/WebUpload4/2019/A/216820190319001213v8wf9510.mp3&lrc=慢四 - 历史的天空(极品男声枫雅篇)
制作仓促没加歌词
创意出品:亚伦影音工作室
&gczt=方正字迹-元童楷隶简体&gczh=42&gcys=000079&gczzys=ff0000&gcljys=ffffff&gcljld=0.5&s=1" height="100" invokeurls="false" src="http://dashan.link/zj/09yhgczz.swf" style="filter:drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #000000) drop-shadow(0 0 1px #000000)drop-shadow(0 0 1px #000000) drop-shadow(0 0 1px #000000)drop-shadow(0 0 1px #000000);opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></div>
</div>
<div style="height: 900px;">
<div> </div>
</div>
很好看,就是帖子有点偏了,不在中间。{:2_111:} 精彩制作,感谢分享!{:2_196:}{:2_196:}{:2_111:} 真漂亮{:1_87:}
页:
[1]