焱鑫磊 发表于 2022-12-9 08:45

《遥寄相思泪》流苏

<div style="width: 1000px;height: 600px;box-shadow:0px 0px 1px 2px #1b6f2b, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #1b6f2b;overflow:hidden;border-radius:1%;margin-top:10px;margin-LEFT: 0px;background-image:url(http://pan.yinhuabbs.cn/view.php/d6d7816d347d434a34385f28efb57aac.jpg);">
<div style="position:relative;width: 1000px;height: 600px;overflow:hidden;top: 0px;left: 0px;">
<div style="left: 0px;position:absolute;top: 0px;">
<style type="text/css">.wall{width: 1000px;height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;z-index: 1;
}
div#photo img{width: 1000px;
height: 600px;
position: absolute;
top:0px; left:0px;filter:contrast(140%)brightness(100%);
opacity: 0;
animation-name: round ;animation-duration: 32s;
               animation-iteration-count: infinite;
                animation-timing-function: linear;}

@keyframes round {
0% {opacity: 0; transform:translate(0%,0%)scale(5);}
10% {opacity: 1; transform:translate(0%,0%)scale(1);}
17% {opacity: 1; transform:translate(0%,0%)scale(1);}
18% {opacity: 0; transform:translate(0%,0%)scale(1);} }

div#photo img:nth-child(8) {animation-delay: 28s;}
div#photo img:nth-child(7) {animation-delay: 24s;}
div#photo img:nth-child(6) {animation-delay: 20s;}
div#photo img:nth-child(5) {animation-delay: 16s;}
div#photo img:nth-child(4) {animation-delay: 12s;}
div#photo img:nth-child(3) {animation-delay: 8s;}
div#photo img:nth-child(2) {animation-delay: 4s;}
div#photo img:nth-child(1) {animation-delay: 0s;}

.stop div#photo img:nth-child(8) {animation-play-state: paused;}
.stop div#photo img:nth-child(7) {animation-play-state: paused;}
.stop div#photo img:nth-child(6) {animation-play-state: paused;}
.stop div#photo img:nth-child(5) {animation-play-state: paused;}
.stop div#photo img:nth-child(4) {animation-play-state: paused;}
.stop div#photo img:nth-child(3) {animation-play-state: paused;}
.stop div#photo img:nth-child(2) {animation-play-state: paused;}
.stop div#photo img:nth-child(1) {animation-play-state: paused;}

div#midground{width: 1000px;height: 600px;
    z-index: 1;
animation: cc 3s linear infinite;
}
.stop div#midground {animation-play-state: paused;}
@keyframes cc{0% {opacity: 1;background: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(21, 4, 255, 0) 25%,#05FBED 75%);filter:hue-rotate(0deg)contrast(150%)brightness(80%);}
50% {opacity: 1;background: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(21, 4, 255, 0) 29%,#05A7FB 85%);filter:hue-rotate(0deg)contrast(140%)brightness(110%);}
100% {opacity:1 ;background: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(8, 237, 73, 0) 29%,#05FB51 85%);filter:hue-rotate(0deg)contrast(120%)brightness(100%);}
}
</style>
<div style="width: 1000px; height: 600px; margin-top:0px; margin-left:0px;box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #880000; overflow: hidden;transform:rotate(0deg);background: linear-gradient(54deg, #0B0B0B 0%,#6E6BE5 100%);text-align: center;">
<div class="HT">
<div class="wall" id="testImg">
<div class="wall" id="photo"><img src="http://pan.yinhuabbs.cn/view.php/d6d7816d347d434a34385f28efb57aac.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/9fc0d181eaee1cef5984d8ab59c553b5.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/33996d62cbc87715089f9a76dcba5c9f.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/7996939ff7a4de5da354d6d314b61649.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/8e4f1fb89e9e61fd375b1cb16ff594d2.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/b84349fb26ea5aefbdcd7b3538ecd8e6.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/a8d6d7aea58faa95c4fcb06fc8ec1995.jpg" /> <img src="http://pan.yinhuabbs.cn/view.php/607a1e9d278b50505346b3a5f6c736b2.jpg" /></div>

<div class="wall" id="midground">&nbsp;</div>

<div class="wall" id="foreground">
<div class="lrc">
<ul id="ullrc">
</ul>
</div>

<div style="left: 0px;position:absolute;top: 80px;"><iframe frameborder="0" height="600" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/1c1faa1de00ef13c136f5b01abb905bb.html" width="1000"></iframe></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

巫荣云师 发表于 2022-12-9 20:15

欣赏收藏老师的 好看又好听，点赞！

蓝魔 发表于 2022-12-9 22:34

欣赏一下。谢谢。

焱鑫磊 发表于 2022-12-10 09:01

巫荣云师 发表于 2022-12-9 20:15
欣赏收藏老师的 好看又好听，点赞！

问候老师好！

焱鑫磊 发表于 2022-12-10 09:02

蓝魔 发表于 2022-12-9 22:34
欣赏一下。谢谢。

问候老师好！
页: [1]
查看完整版本: 《遥寄相思泪》流苏