《下辈子第一个遇见你》倪尔萍 - 【动感音乐】 - 中画网 - Powered by Discuz! Archiver

论坛 › 【动感音乐】 › 《下辈子第一个遇见你》倪尔萍

焱鑫磊 发表于 2021-12-31 09:59

《下辈子第一个遇见你》倪尔萍

<style type="text/css">.items {z-index: 1;width: 1000px;
height: 600px;position: relative;
box-shadow:0px 0px 0px 2px #CCCCCC, 0px 0px 10px 20px #800000;MARGIN-LEFT:0px;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/22/68/c4/2268c40e06e24d116c3d0a570f787448.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
}
1% {
opacity: 0;
-webkit-transform: scale(1);clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);

}
5% {
opacity: 1;
-webkit-transform: scale(1);clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);

}
10% {
opacity: 1;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);
-webkit-transform: scale(1) ;
}
32% {
opacity: 1;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);
-webkit-transform:translate(0%,0%)scale(1)
}
35% {
opacity: 1;
-webkit-transform:translate(0%,0%)scale(1); clip-path: polygon(50% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
}
37% {
opacity: 1;
-webkit-transform:translate(0%,0%)scale(1);clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
46% {
opacity: 0;-webkit-mask-image: radial-gradient(black 100% ,transparent 100%);clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
-webkit-transform:translate(0%,0%)scale(1.5);

100% {
opacity: 0;clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
-webkit-transform:translate(0%,0%) scale(1.6);
}}
</style>
<div class="items">
<video autoplay="autoplay" height="600" loop="loop" muted="true" src="http://chuangshicdn.data.mvbox.cn/music/yc/21/10/11/21101116203953654097.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/93/2f/4c/932f4cd86eea0705338ce99830f5a164.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/7e/22/fa/7e22fad4df685c6655764925f813af6e.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/16/f3/31/16f33187d327d8744b2a8e9dfca08ec6.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/21/0d/ce/210dce0d55f3adf61e5712929efe7a66.jpg" style="width:100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/30/1a/3f/301a3fc60d7e48791205c457f29c34e1.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/26/62/78/266278dd299006fe0175ba40241c6972.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/37/b5/fd/37b5fdce8bde3e46ebc1a7c0effbc48c.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/21/57/c3/2157c3991c84215a1a1ca0656798d7b5.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/d2/e1/1d/d2e11da8b4e7958fadf3038998e5cc3d.jpg" style="width: 100%; height: 100%" /></span></li>
<li><span><img alt="" src="https://up.enterdesk.com/edpic/22/68/c4/2268c40e06e24d116c3d0a570f787448.jpg" style="width: 100%; height: 100%" /></span></li>
</ul>

<div style="position: relative;top:-200px;LEFT: -20px;z-index: 43567;"><iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/c2ef89f9d9c5eebfb6d297e9978ee2ed.html" title="" width="100%"></iframe></div>
</div>

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

蓝魔发表于 2021-12-31 11:37

欣赏一下·，谢谢。

巫荣云师 发表于 2021-12-31 13:40

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

焱鑫磊 发表于 2021-12-31 15:55

蓝魔发表于 2021-12-31 11:37
欣赏一下·，谢谢。

问候老师好！

焱鑫磊 发表于 2021-12-31 15:55

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

问候老师好！

页: [1]

查看完整版本: 《下辈子第一个遇见你》倪尔萍