《心湖里起涟漪》王紫菲
<div style="position:relative;width: 1000px;height: 600px;box-shadow:0px 0px 1px 2px #6d2872, 0px 0px 0px 8px #fcceff,0px 0px 5px 15px #6d2872;overflow:hidden;border-radius:1%;margin-top:30px;margin-LEFT: 0px;"><div style="left: 0px;position:absolute;top: 0px;">
<div style="position:relative; width: 1000px;height: 600px;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(http://tuku.link/imgs/2022/03/e22cb4cb173e2317.gif),url(http://tuku.link/imgs/2023/01/c41fae2d5b1945cc.jpg);background-size: 100% 100%;">
<div style="position:absolute;top: 0px;left: 0px;">
<style type="text/css">.cb-slideshow li {
width: 1000px;
height: 600px;
position: absolute;
top: 0px;
left: -28px;
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="http://tuku.link/imgs/2023/01/28567107a81f74f8.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/ebb133c7840c3842.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/b086146a62db0daf.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/8040e5fe2cf326f8.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/bc02343ca93ee0d8.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/f0f3df195211974c.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/06634306a22d3ea1.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/96021885e158ae3e.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/baac19f2715e7fc9.jpg" style="width: 100%; height: 100%;" /></span></li>
<li><span><img alt="" src="http://tuku.link/imgs/2023/01/e59c8d6d7638e767.jpg" style="width: 100%; height: 100%;" /></span></li>
</ul>
</div>
</div>
<div style="left: 0px;position:absolute;top: 460px;"><iframe frameborder="0" height="200" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/69d028d64829008684c84c7399a46115.html" width="960"></iframe></div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
欣赏一下，谢谢。 蓝魔 发表于 2023-1-5 22:59
欣赏一下，谢谢。
老师晚上好！
页:
[1]