春江花月夜
本帖最后由 东篱闲人 于 2023-7-23 15:44 编辑 <br /><br /><div class="t_fsz"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="t_f" id="postmessage_1643427"><br><br><style>
.container0 {
margin: 50px -200px;
width: 1024px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #CDCDC1; overflow: hidden;
height: 620px;
LEFT: 20px;
border: 1px solid;
background: #333 url('https://pic.imgdb.cn/item/64bc99421ddac507cc4ea8c9.jpg') no-repeat center/cover; overflow: hidden;
position: relative;
}
.photo {
position: absolute;top:120px; left:200px;
width: 60%;box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 10px #CDCDC1;
height: 60%;transform:perspective(00px); background:
linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
url("");
background-size: 0, cover;
box-sizing: border-box;preserve-3d;
animation: round 32s infinite;
opacity: 0;
}
@keyframes round {
0% {opacity: 1;transform: perspective(700px) rotateY(45deg);}
8% {opacity: 1;transform:perspective(700px) rotateY(-45deg);}
18% {opacity: 0;transform:perspective(700px) rotateY(45deg);}
}
img:nth-child(1) {animation-delay: 28s;}
img:nth-child(2) {animation-delay: 24s;}
img:nth-child(3) {animation-delay: 20s;}
img:nth-child(4) {animation-delay: 16s;}
img:nth-child(5) {animation-delay: 12s;}
img:nth-child(6) { animation-delay: 8s;}
img:nth-child(7) {animation-delay: 4s;}
img:nth-child(8) {animation-delay: 0s;}
</style>
<div class="container0">
<img class="photo" src="https://pic.imgdb.cn/item/64bc94c91ddac507cc439456.jpg" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bc94ef1ddac507cc43ec7a.png" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bc95121ddac507cc443a22.png " alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bc953d1ddac507cc4497ce.png" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bc95621ddac507cc44f050.png" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bc95861ddac507cc45469e.png" alt="">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=556203037&auto=1&height=66"></iframe>
</div></td></tr></tbody></table></div> 欣赏佳作,问候东篱。 以为只是张图图,然后看到转动图图出来了。很雅致,居然还有这歌呢。欣赏东篱大哥精美作品{:4_199:} 东篱大哥还是挺喜欢这个效果的,又是一个作品呢{:4_187:} 梦油 发表于 2023-7-23 16:15
欣赏佳作,问候东篱。
{:4_176:} 醉美水芙蓉 发表于 2023-7-23 20:18
欣赏东篱老师好贴!
{:4_180:} 红影 发表于 2023-7-23 21:33
东篱大哥还是挺喜欢这个效果的,又是一个作品呢
感觉效果还行哈。。。 东篱闲人 发表于 2023-7-24 09:10
谢谢你的美酒,干! 东篱闲人 发表于 2023-7-24 09:10
感觉效果还行哈。。。
非常漂亮呢{:4_199:}
页:
[1]