《我怕来者不是你》小蓝背心 - 【动感音乐】 - 中画网 - Powered by Discuz! Archiver

论坛 › 【动感音乐】 › 《我怕来者不是你》小蓝背心

焱鑫磊 发表于 2022-1-6 06:02

《我怕来者不是你》小蓝背心

<style type="text/css">.items {z-index: 100;width: 1000px;
height: 600px;position: relative;
box-shadow:0px 0px 0px 2px #fff000, 0px 0px 10px 20px #666666;MARGIN-LEFT:-20px;margin-top:30px; background-size:100% 100%;
ox-sizing: border-box;
overflow:hidden;border-radius:0%;
transform-origin: center;}
ul {
width: 1000px;
height: 100%;
text-align: center;
}

.cb-slideshow li:nth-child(1) span {
background-image: url(https://up.enterdesk.com/edpic/87/79/30/8779303465659bdc4136d05863ae26d8.jpg)
}

.cb-slideshow li:nth-child(2) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(3) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(4) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(5) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(6) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(7) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(8) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(9) span {
background-image: url(#)
}

.cb-slideshow li:nth-child(10) span {
background-image: url(#)
}

.cb-slideshow,.cb-slideshow:after {
position:absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9
}

.cb-slideshow:after {
content: ''
}

.cb-slideshow li span {
width: 1000px;
height: 600px;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
z-index: 10;
-webkit-backface-visibility: hidden;

animation: imageAnimation 20s linear infinite 0s
}

.cb-slideshow li:nth-child(2) span {

animation-delay: 2s
}

.cb-slideshow li:nth-child(3) span {

animation-delay: 4s
}

.cb-slideshow li:nth-child(4) span {

animation-delay: 6s;
}

.cb-slideshow li:nth-child(5) span {

animation-delay: 8s;
}

.cb-slideshow li:nth-child(6) span {

animation-delay: 10s
}

.cb-slideshow li:nth-child(7) span {

animation-delay: 12s;
}
.cb-slideshow li:nth-child(8) span {

animation-delay: 14s;
}
.cb-slideshow li:nth-child(9) span {

animation-delay: 16s;
}
.cb-slideshow li:nth-child(10) span {

animation-delay: 18s;
}

@-webkit-keyframes imageAnimation {
0% {
opacity: 0;
-webkit-transform:scale(0);
-webkit-animation-timing-function: ease-out
}

20% {
opacity: 1;
-webkit-transform: scale(0);-webkit-mask-image: radial-gradient(black 1% ,transparent 1%);

}
30% {
opacity: 1;-webkit-mask-image: radial-gradient(black 25% ,transparent 60%);
-webkit-transform: scale(.2)
}
32% {
opacity: 1;-webkit-mask-image: radial-gradient(black 25% ,transparent 60%);
-webkit-transform:translate(0%,0%)scale(1)
}
35% {
opacity: 1;-webkit-mask-image: radial-gradient(black 100% ,transparent 100%);
-webkit-transform:translate(0%,0%)scale(1);
}
37% {
opacity: 1;-webkit-mask-image: radial-gradient(black 100% ,transparent 100%);
-webkit-transform:translate(0%,0%)scale(1);
}
42% {
opacity: 0;-webkit-mask-image: radial-gradient(black 100% ,transparent 100%);
-webkit-transform:translate(0%,0%)scale(1);
}
100% {
opacity: 0;
-webkit-transform:translate(0%,0%) scale(1.1);
}}

#swf {position: absolute;top: 0;
left: 0;
z-index: 10;
}
.swf1 {position: relative;
margin-top:0px;margin-LEFT: 0px;
z-index: 1;
}
.video {z-index: 200;POSITION: relative; WIDTH: 1000px;TOP: -240px; LEFT: 20px}
</style>
<div class="items">
<video autoplay="autoplay" height="600" loop="loop" muted="true" src="//chuangshicdn.data.mvbox.cn/music/yc/21/10/21/21102122261135836978.mp4" style="max-width: 100%; height: auto;filter:contrast(120%);opacity:1.0;transform: scale(1, 1.13)" width="1000"> </video>

<ul class="cb-slideshow">
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLkVS.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLAUg.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLZCj.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLm2n.jpg" style="width:100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLnvq.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLMrV.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SL1VU.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SL3aF.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://s4.ax1x.com/2022/01/07/7SLYG9.jpg" style="width: 100%; height: 100%" /></span></li>
</ul>

<div id="swf">
<div class="swf1"><embed allowfullscreen="true" height="600" hspace="0" pluginspage="//www.macromedia.com/go/getflashplayer" quality="high" src="//www.wosowoso.com/flash/5h/woso1_flash_53.swf" type="application/x-shockwave-flash" vspace="0" width="1000" wmode="transparent"></embed></div>

<div class="video"><iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/38446e2b87861246d59c5032afaa31fc.html" title="" width="1000"></iframe></div>
</div>
</div>

<div style="height: 50px;"> </div>

蓝魔发表于 2022-1-6 08:27

欣赏一下，谢谢。

巫荣云师 发表于 2022-1-6 14:05

欣赏老师佳作。点赞！

焱鑫磊 发表于 2022-1-6 23:31

蓝魔发表于 2022-1-6 08:27
欣赏一下，谢谢。

问候老师好！

焱鑫磊 发表于 2022-1-6 23:31

巫荣云师发表于 2022-1-6 14:05
欣赏老师佳作。点赞！

问候老师好！

张红发表于 2022-1-6 23:47

问好朋友
欣赏你的精彩
谢谢分享{:1_293:}

焱鑫磊 发表于 2022-1-7 08:23

张红发表于 2022-1-6 23:47
问好朋友
欣赏你的精彩
谢谢分享

问候老师好！

钟吾福将 发表于 2022-1-8 09:46

非常动听，谢谢分享！

非常开心 发表于 2022-1-8 17:21

有人说：幸福的人都沉默。百思不得其解，问一友人，对方淡然自若地答：因为幸福从不比较，若与人相比，只会觉得自己处境悲凉。

焱鑫磊 发表于 2022-1-8 22:32

张红发表于 2022-1-6 23:47
问好朋友
欣赏你的精彩
谢谢分享

网络出问题了，慢慢解决把。

页: [1] 2

查看完整版本: 《我怕来者不是你》小蓝背心