《我爱祖国的蓝天》毛阿敏 - 【动感音乐】 - 中画网 - Powered by Discuz! Archiver

论坛 › 【动感音乐】 › 《我爱祖国的蓝天》毛阿敏

焱鑫磊 发表于 2021-12-29 08:22

《我爱祖国的蓝天》毛阿敏

<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:0px;margin-top:20px; 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/ec/07/6d/ec076dc44bf0755976a3a0c764f9aed9.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://up.enterdesk.com/edpic/2e/ee/3f/2eee3fc2e05c89edd4a1d63e1245715d.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/66/79/d3/6679d3c01b9c239213fdbdd00ae9ec36.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/9e/4b/ac/9e4bac3e6259f5cf286e9b59aa55e9d8.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/56/50/e8/5650e8d41c7a1cce64defef1351b9405.jpg" style="width:100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/25/f4/67/25f467ec3f5f6c988e01e49e0940f9bd.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/7c/a6/7a/7ca67a49e6aa723476eda65ba285b085.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/ce/16/46/ce16468d644de7e32642f293896e5ea0.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/7f/90/43/7f90432440bfa02976b11bac966a5855.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/ec/07/6d/ec076dc44bf0755976a3a0c764f9aed9.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/242e3f5eab0e7cd3b8c3d5a7bcfddaa6.html" title="" width="1000"></iframe></div>
</div>
</div>

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

蓝魔发表于 2021-12-29 10:40

欣赏一下，谢谢。

巫荣云师 发表于 2021-12-29 15:47

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

焱鑫磊 发表于 2021-12-29 16:59

蓝魔发表于 2021-12-29 10:40
欣赏一下，谢谢。

问候老师好！

焱鑫磊 发表于 2021-12-29 16:59

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

问候老师好！

页: [1]

查看完整版本: 《我爱祖国的蓝天》毛阿敏