东篱闲人 发表于 2023-7-22 09:52

玉生烟

<style>
.container0 {
margin: 50px -200px;
width: 1024px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #CDCDC1; overflow: hidden;
height: 620px;
LEFT: -15px;
border: 1px solid;
background: #333 url('https://pic.imgdb.cn/item/64bb37e01ddac507cc3b2c02.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/64bb341a1ddac507cc3049c5.jpg" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb34301ddac507cc30877b.jpg" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb34491ddac507cc30c71f.jpg " alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb34631ddac507cc3108e8.jpg " alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb347e1ddac507cc314d62.jpg" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb34951ddac507cc3188ca.jpg" alt="">
<img class="photo" src="https://pic.imgdb.cn/item/64bb34ab1ddac507cc31c589.jpg" alt="">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=28152112&auto=1&height=66"></iframe>
</div>

红影 发表于 2023-7-22 11:05

东篱大哥又一个漂亮的帖子，虽然代码是套用，但内容很清雅美妙。给东篱大哥点赞{:4_199:}

东篱闲人 发表于 2023-7-22 12:44

红影 发表于 2023-7-22 11:05
东篱大哥又一个漂亮的帖子，虽然代码是套用，但内容很清雅美妙。给东篱大哥点赞

好像有一个图片不显示，俺把它简化一下。。。

东篱闲人 发表于 2023-7-22 12:47

还是乱码了。。。{:5_103:}

红影 发表于 2023-7-22 14:35

东篱闲人 发表于 2023-7-22 12:47
还是乱码了。。。

东篱大哥好像给调坏了，之前还是好的呢{:4_203:}

樵歌 发表于 2023-7-22 15:56

貌似哪里不大对，屏幅灰常窄。

东篱闲人 发表于 2023-7-23 08:56

红影 发表于 2023-7-22 14:35
东篱大哥好像给调坏了，之前还是好的呢

嗯嗯，可能是加了一个定位代码造成的。不加，紧靠左，加了就这样了。。。{:5_103:}

东篱闲人 发表于 2023-7-23 08:57

樵歌 发表于 2023-7-22 15:56
貌似哪里不大对，屏幅灰常窄。

嗯嗯，不懂代码，俺太难了。。。

红影 发表于 2023-7-23 13:39

东篱闲人 发表于 2023-7-23 08:56
嗯嗯，可能是加了一个定位代码造成的。不加，紧靠左，加了就这样了。。。
帮东篱大哥去掉了点没用的，现在应该可以了吧{:4_173:}

东篱闲人 发表于 2023-7-23 15:35

红影 发表于 2023-7-23 13:39
帮东篱大哥去掉了点没用的，现在应该可以了吧

高手就是高手。。。。{:5_116:}

红影 发表于 2023-7-23 22:55

东篱闲人 发表于 2023-7-23 15:35
高手就是高手。。。。

我不是什么高手啊，东篱大哥看错了{:4_173:}

樵歌 发表于 2023-7-24 08:02

东篱闲人 发表于 2023-7-23 08:57
嗯嗯，不懂代码，俺太难了。。。

你比俺强多了，俺 是抄得人教

东篱闲人 发表于 2023-7-24 09:14

红影 发表于 2023-7-23 22:55
我不是什么高手啊，东篱大哥看错了

绝对高手，至少两米多。。。{:5_116:}

东篱闲人 发表于 2023-7-24 09:14

樵歌 发表于 2023-7-24 08:02
你比俺强多了，俺 是抄得人教

看你谦虚的小样子。。。{:5_117:}

樵歌 发表于 2023-7-24 12:46

东篱闲人 发表于 2023-7-24 09:14
看你谦虚的小样子。。。

俺样纸老巴巴的，不好看

红影 发表于 2023-7-24 16:08

东篱闲人 发表于 2023-7-24 09:14
绝对高手，至少两米多。。。

哈哈，我除了是侠客，还成了女巨人了？这样不好，费衣料{:4_173:}

东篱闲人 发表于 2023-7-24 21:45

樵歌 发表于 2023-7-24 12:46
俺样纸老巴巴的，不好看

{:4_172:}

东篱闲人 发表于 2023-7-24 21:46

红影 发表于 2023-7-24 16:08
哈哈，我除了是侠客，还成了女巨人了？这样不好，费衣料

布减价了，不怕。。。

红影 发表于 2023-7-24 22:52

东篱闲人 发表于 2023-7-24 21:46
布减价了，不怕。。。

就算不管这个，那么高也不好，太猛了{:4_173:}

东篱闲人 发表于 2023-7-25 08:35

你不喜欢猛？
页: [1]
查看完整版本: 玉生烟