|
楼主 |
发表于 2025-1-15 16:09:54
|
显示全部楼层
IP:
本帖最后由 风清 于 2025-3-22 11:17 编辑
谢谢韵灵老师雅赏鼓励!冬日茶花灿烂!
下午好!
闲云音画代码
<div style="position:absolute;z-index:32768;background:none;width:100%;left:60px;margin-top:86px;">
<div style="width: 1200px; height: 600px; margin-top:20px; margin-left: 0px;box-shadow: 0px 0px 0px 0px #045768,0px 0px 0px 0px #99e5f5, 0px 0px 0px 0px #045768; border-radius:0%; overflow:hidden;transform:rotate(0deg);background:url('//yzf0319.com/2022/3yue/txtp/5656.gif')0 0/100% 100%,url('https://pic1.imgdb.cn/item/67da92ee88c538a9b5c104dc.jpg')0 0/150% 100%; text-align: center;"><img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da902288c538a9b5c10320.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da902288c538a9b5c1031f.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da902288c538a9b5c1031e.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da902288c538a9b5c1031d.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da8ff388c538a9b5c10316.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da8ff388c538a9b5c10315.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da8ff388c538a9b5c10314.jpg"> <img alt="" class="photo" src="https://pic1.imgdb.cn/item/67da8ff288c538a9b5c10313.jpg">
<style type="text/css">.photo {width: 1200px;
height: 600px;
position: absolute;top:0px; left:0px;z-index: 300;
animation: round 48s infinite;
opacity: 0;}
@keyframes round {1% {
opacity: 0;
transform:translate(100%,0%)scale(0);}
5% {
opacity: 1;
transform:translate(100%,0%)scale(0);}
14% {
opacity: 1;
transform:translate(0%,0%)scale(1);}
16% {
opacity: 1;
transform:translate(0%,0%)scale(1);}
24% {
opacity: 0;
transform:translate(-100%,0%)scale(1);}
}
img:nth-child(8) {animation-delay: 42s;}
img:nth-child(7) {animation-delay: 36s;}
img:nth-child(6) {animation-delay: 30s;}
img:nth-child(5) {animation-delay: 24s;}
img:nth-child(4) {animation-delay: 18s;}
img:nth-child(3) {animation-delay: 12s;}
img:nth-child(2) {animation-delay: 6s;}
</style>
</div></div></div>
<audio id="aud" src="https://cccimg.com/view.php/bcf86d0d2a36c1f969a0e655138b0e22.mp3" loop autoplay></audio>
</div>
</audio>
<div style="height:700px"></div><center><br></center>
|
|