2V-dy16 超级链接
<div class="cont-area">
<p> </p>
<div class="papa" title="点击看特效http://pan.yinhuabbs.cn/view.php/e30720f03d406f5b842fc1ed27e4eb98.html"><a href="http://pan.yinhuabbs.cn/view.php/e30720f03d406f5b842fc1ed27e4eb98.html"><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/hwFEYd.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0Fzi4.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0FXZT.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0F2sP.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0FyRA.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0FsGd.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0FrPH.jpg" /><img alt="" class="photo" src="https://z3.ax1x.com/2021/09/01/h0FQVU.jpg" /> </a>
<div style="position: absolute;top:0px; left:100px;z-index: 2;"><span style="color:#e74c3c;"><span style="font-family:隶书;"><span style="font-size:24px;">点击普通音画看特效音画</span></span></span></div>
<div style=" position: absolute;top:520px; left:100px;z-index: 2;">
<audio autoplay="autoplay" controls="controls" src="http://url.amp3a.com/kuwo.php/75940940.mp3"> </audio>
</div>
</div>
<style type="text/css">.papa{margin: 10px -100px ; width: 1164px; height: 640px; background:#800000;box-shadow: 2px 2px 2px #000; position: absolute; display: grid; place-items: center; z-index: 1; overflow:hidden;
}
.photo {width: 100%;
height: 100%;
position: absolute;z-index: 1;
top:0px; left:0px;filter:contrast(120%)brightness(100%);
opacity: 0;
animation-name: round ;animation-duration: 48s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes round{0% {
opacity: 1;clip-path:polygon(0 0, 40% 40%, 50% 86.60254%, 60% 40%, 100% 0, 50% 20%, 0 0);
-webkit-transform:translate(0%,0%)scale(1);}
10% {
opacity: 1;clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 0, 0 0);
-webkit-transform:translate(0%,0%)scale(1);}
12% {
opacity: 1;clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 0, 0 0);
-webkit-transform:translate(0%,0%)scale(1);}
16% {
opacity: 0;clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 100%, 100% 0, 50% 0, 0 0);
-webkit-transform:translate(0%,0%)scale(1.8);}
}
img:nth-child(1) {
animation-delay: 42s;
}
img:nth-child(2) {
animation-delay: 36s;
}
img:nth-child(3) {
animation-delay: 30s;
}
img:nth-child(4) {
animation-delay: 24s;
}
img:nth-child(5) {
animation-delay: 18s;
}
img:nth-child(6) {
animation-delay: 12s;
}
img:nth-child(7) {
animation-delay: 6s;
}
img:nth-child(8) {
animation-delay: 0s;
}
</style>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div style="width: 100%;height: 680px;"> </div>
</div>
欣赏摄影照，祥和愉悦，幸福美满，问好老师，春节快乐 容轩听雨 发表于 2023-1-23 10:06
欣赏摄影照，祥和愉悦，幸福美满，问好老师，春节快乐
版主辛苦了，感谢您的精彩点评和加分鼓励。春节快乐！:handshake{:1_292:} 欣赏一下，谢谢。 蓝魔 发表于 2023-1-23 22:36
欣赏一下，谢谢。
问好蓝魔元老，谢谢您的欣赏和加分鼓励。春节快乐！！:handshake{:1_292:}
页:
[1]