焱鑫磊 发表于 2023-5-27 10:13

《心湖里起涟漪》王紫菲

本帖最后由 焱鑫磊 于 2023-5-27 23:17 编辑 <br /><br /><div style="position:relative;width: 1164px;height: 698px;box-shadow:0px 0px 1px 2px #6d2872, 0px 0px 0px 8px #fcceff,0px 0px 5px 15px #6d2872;overflow:hidden;border-radius:1%;margin-top:120px;margin-LEFT: -280px;">
<div style="left: 0px;position:absolute;top: 0px;">
<div style="position:relative; width: 1164px;height: 698px;box-shadow: 0px 0px 0px 0px #6d2872, 0px 0px 0px 0px #fcceff,0px 0px 0px 0px #6d2872;overflow:hidden;border-radius:0%;margin-top:0px;margin-left: 0px;background-image:url(https://img.fy6b.com/2023/05/27/d139396616a62.gif),url(https://img.fy6b.com/2023/05/27/9de66e437d044.jpg);background-size: 100% 100%;">
<div style="position:absolute;top: 0px;left: -28px;">
<style type="text/css">.cb-slideshow li {
width: 1164px;
height: 698px;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
z-index: 0;filter:contrast(140%)brightness(100%);
animation: imageAnimation 40s linear infinite 0s
}
.cb-slideshow li:nth-child(1){ animation-delay: 0s }
.cb-slideshow li:nth-child(2){ animation-delay: 4s }
.cb-slideshow li:nth-child(3){ animation-delay: 8s }
.cb-slideshow li:nth-child(4){ animation-delay: 12s; }
.cb-slideshow li:nth-child(5){ animation-delay: 16s; }
.cb-slideshow li:nth-child(6){ animation-delay: 20s }
.cb-slideshow li:nth-child(7){ animation-delay: 24s; }
.cb-slideshow li:nth-child(8){ animation-delay: 28s; }
.cb-slideshow li:nth-child(9){ animation-delay: 32s; }
.cb-slideshow li:nth-child(10){ animation-delay: 36s; }

@-webkit-keyframes imageAnimation {
0% { opacity: 0;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%,50% 0%);transform:translate(0%,0%)scale(1)}
2% { opacity: 0;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%,50% 0%);transform:translate(0%,0%)scale(1)}
15%{ opacity: 1;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%,50% 0%);transform:translate(0%,0%)scale(1)}
22%{ opacity: 1;clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%); transform:translate(0%,0%)scale(1)}
25%{ opacity: 1; transform:translate(0%,0%)scale(1); clip-path: polygon(50% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%); }
30%{ opacity: 1; transform:translate(0%,0%)scale(1);clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%); }
35%{ opacity: 0; transform:translate(0%,0%)scale(1.5);clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
100%{opacity: 0;transform:translate(0%,0%)scale(1.5)} }
</style>
<ul class="cb-slideshow">
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/5a112ff701a70.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/f57e9eb26be61.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/5ad30aa6fc33b.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/02a547fd4594c.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/528d91979c126.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/22d148934ce7e.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/de484f9f9016c.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/fb7966a6793f7.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/c62df063c7566.jpg" style="width: 100%; height: 100%;" /></span></li>
        <li><span><img alt="" src="https://img.fy6b.com/2023/05/27/c1e9476c47f6b.jpg" style="width: 100%; height: 100%;" /></span></li>
</ul>
</div>
</div>

<div style="left: 100px;position:absolute;top: 550px;"><iframe frameborder="0" height="200" marginheight="0" marginwidth="0" scrolling="no" src="https://pan.111t.net/view.php/f8c0e22b2177bb3b54ce2867da32dd5f.html" width="960"></iframe></div>
</div>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

红影 发表于 2023-5-27 10:23

好多漂亮的美人轮转，歌儿好听，制作好看。欣赏焱鑫磊好帖{:4_187:}

焱鑫磊 发表于 2023-5-27 10:30

红影 发表于 2023-5-27 10:23
好多漂亮的美人轮转，歌儿好听，制作好看。欣赏焱鑫磊好帖

红影：学无止境呀，很多好的素材不会用，加上代码知识缺乏，捣鼓来捣鼓去就乱套了。郁闷呢！

焱鑫磊 发表于 2023-5-27 10:31

红影 发表于 2023-5-27 10:23
好多漂亮的美人轮转，歌儿好听，制作好看。欣赏焱鑫磊好帖

红影：我这里什么都缺，不缺美女哟。{:4_170:}

小辣椒 发表于 2023-5-27 13:16

这个我手机音乐听不到

焱鑫磊 发表于 2023-5-27 13:28

小辣椒 发表于 2023-5-27 13:16
这个我手机音乐听不到

上传https://pan.111t.net/不好用。以前有几个上传音乐的网站现在都不能用。郁闷！

梦缘 发表于 2023-5-27 16:11

好多美女图，欣赏问好！{:4_204:}

梦缘 发表于 2023-5-27 16:12

制作精彩，老师厉害啊！{:4_185:}

一斛珠 发表于 2023-5-27 16:33

漂亮极了

红影 发表于 2023-5-27 17:53

焱鑫磊 发表于 2023-5-27 10:30
红影：学无止境呀，很多好的素材不会用，加上代码知识缺乏，捣鼓来捣鼓去就乱套了。郁闷呢！

我也差不多，每次都是瞎鼓捣，也经常鼓捣坏了而找不出原因{:4_173:}

红影 发表于 2023-5-27 17:54

焱鑫磊 发表于 2023-5-27 10:31
红影：我这里什么都缺，不缺美女哟。

哈哈，这话有趣{:4_173:}
页: [1]
查看完整版本: 《心湖里起涟漪》王紫菲