|
楼主 |
发表于 2024-10-31 16:03:20
|
显示全部楼层
IP:辽宁
本帖最后由 闲云 于 2024-10-31 19:20 编辑
代码如下:
- <div style="position:absolute;z-index:32768;background:none;width:100%;left:-2px;margin-top:86px;">
- <style>
- .container0 {
- margin: 50px auto;
- width: 1194px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 14px #880000; overflow: hidden;
- height: 620px;
- border: 1px solid;
- background: #333 url('https://pic.imgdb.cn/item/671ce499d29ded1a8c4a28e2.jpg') no-repeat center/cover; overflow: hidden;
- position: relative;
- }
- .photo {
- position: absolute;
- width: 100%;
- height: 100%;transform: scale3d(0,0,-300) skew(0,60deg);
- animation: round 32s infinite;
- opacity: 0;
- }
- @keyframes round {
- 5% {opacity: 1;}
- 12% {opacity: 1;transform: scale(1)}
- 18% {opacity: 0;transform: scale(3)}
- }
- 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/6720a0acd29ded1a8c1516d1.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c1516db.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c1516e8.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c1516f9.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c151705.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c151716.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c151723.jpg" alt="">
- <img class="photo" src="https://pic.imgdb.cn/item/6720a0acd29ded1a8c151735.jpg" alt="">
- <div class="container">
- <div class="btn">
- <span id="bf" onclick="bf();" style="width: 120px; height: 120px;z-index: 550;position: absolute;top:-60px; left:880px;"></span>
- <span id="bf" onclick="rbf();"></span>
- </div>
- <div class="items">
- <div class="lrc">
- <ul id="ullrc">
- </ul>
- </div>
- </div>
- </div>
- </div></div><br>
- <div style="height:740px"></div>
- <div style="position:absolute;z-index:32768;background:none;width:100%;left:-34px;margin-top:6px;">
- <iframe allowfullscreen="true" border="0" frameborder="no" framespacing="0" height="50" scrolling="no" src="//player.bilibili.com/player.html?isOutside=true&aid=493429452&bvid=BV1AN411u7P3&cid=1333680042&p=1" width="1260"></iframe>
- </div><div style="height:90px"></div>
复制代码
|
|