论坛 › 【动感音乐】 › 《春思花月夜》二月寒梅

焱鑫磊 发表于 2021-12-31 08:27

《春思花月夜》二月寒梅

<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">&nbsp;</video>

<ul class="cb-slideshow">
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/40/30/f2/4030f2acf10024ee64f9b649c45f181c.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/81/f3/3e/81f33e9fcad19e167087e6f07875c606.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/8f/69/0b/8f690bb601c571c3584445ef3f0c1e97.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/3b/ea/e3/3beae34ea8c15efb3a94205afa769d5a.jpg" style="width:100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/bf/cd/65/bfcd6502d82ab5142cfc6edcc4263d10.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/50/d6/46/50d646a506d70f9e3e58b50509c484b2.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/fb/96/64/fb96645382ad64c477fd536610e3cbda.jpg" style="width: 100%; height: 100%" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/f7/25/91/f7259193da7bb4bd6aba30af1b58f2d6.jpg" style="width: 100%; height: 100%" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/a5/09/ca/a509ca6b7e901fd6d9193260434960ed.jpg" style="width: 100%; height: 100%" /></span></li>
        <li><span><img alt="" src="https://up.enterdesk.com/edpic/2b/72/10/2b72100c76467f138486f959c759c99c.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/559705685d70452a6a3b665bf73b944e.html" title="" width="100%"></iframe></div>
</div>

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

蓝魔 发表于 2021-12-31 08:31

欣赏一下。谢谢。

焱鑫磊 发表于 2021-12-31 08:47

蓝魔 发表于 2021-12-31 08:31
欣赏一下。谢谢。

问候老师上午好！

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

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

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

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

问候老师好！

非常开心 发表于 2021-12-31 23:18

雪花飘落又一年
寒冬时节心添暖
梅开三度盼春归
生活吉祥又如意

大盛堃 发表于 2022-1-1 05:28

朋友新年好！

张红 发表于 2022-1-1 07:22

问好朋友新年快乐
欣赏你的精彩

焱鑫磊 发表于 2022-1-1 09:25

非常累心 发表于 2021-12-31 23:18
雪花飘落又一年
寒冬时节心添暖
梅开三度盼春归


问候老师好！

焱鑫磊 发表于 2022-1-1 09:25

大盛堃 发表于 2022-1-1 05:28
朋友新年好！

问候老师好！

查看完整版本: 《春思花月夜》二月寒梅