音画《中秋快乐》
<div style="position:absolute;z-index:32768;background:none;width:100%;left:40px;margin-top:100px;"><table align="center" bgcolor="blue" cellpadding="0" cellspacing="0" style="border-width: 160px 160px 0px 0px; border-color: currentColor; left: 0px; top: -0px; width: 1124px; position: relative;">
<tbody>
<tr> <td>
<div style="text-align: center;"> </div>
<div style="text-align: center;"></div>
<div class="cont-area">
<div align="center" style="MARGIN-TOP: 0px; MARGIN-LEFT: 40px">
<table align="center" background="https://pic.imgdb.cn/item/641be515a682492fcc372599.jpg" border="4" cellpadding="3" cellspacing="18" height="100" style="border-color: rgb(255, 0, 0);" title="老谟深虑编制" width="800">
<tbody>
<tr>
<td>
<div style="text-align: center;"><b> <span style="background-color: initial;"> </span></b></div><div style="text-align: center;"><b><span style="background-color: initial;"><br></span></b></div><div style="text-align: center;"><span style="background-color: initial;"><b><br></b></span></div>
<div style="text-align: center;"><font color="#ffffff" face="华文中宋" size="8"><b>【音畫】歌曲《中秋快乐》</b></font></div><div style="text-align: center;"><font color="#ffffff" face="华文琥珀" size="6"><br></font></div><div style="text-align: center;"><font color="#ffffff" face="华文琥珀" size="5">编制：老谟深虑 图片：黑土恋老师贴图 视频：西瓜视频</font></div><div style="text-align: center;"><font color="#ffffff" face="华文琥珀" size="5"><br></font></div><div style="text-align: center;"><br></div><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><img src="https://bbs.ltxjob.com/data/attachment/forum/202407/20/162420pb2ztnx1xbl22l11.gif" alt="0.gif" style="background-color: initial;"><br></div><div style="text-align: center;"><p style="text-align: center;"><!--内容区域--></p>
<div class="cont-area">
<div style="width: 1000px;height: 565px;box-shadow:0px 0px 1px 2px #1b6f2b, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #1b6f2b;overflow:hidden;border-radius:1%;margin-top:30px;margin-LEFT: 40px;">
<style type="text/css">#papa { margin: 0px 0px ; width: 1000px; height: 565px; background:url('https://sirius.130014.xyz/2024/09/11/1-220S0123949_.jpg')0px 0px/100% 100%;;box-shadow: 2px 2px 2px #000; position: relative; display: grid; place-items: center; z-index: 10000; overflow:hidden;}
#papa::before { position: absolute; content: '歌曲《中秋快乐》'; left: 30px; top: 25px; font: bold 2.2em sans-serif; color: #ff0000; text-shadow: 2px 2px 3px #000000; z-index: 6;}
#mplayer {--ww: 300px;--hh: 180px;--pinpu: linear-gra**nt(to top,darkgreen,snow);position: absolute;bottom: 0px;left:0px;width: var(--ww);height: var(--hh);display: flex;justify-content: center;align-items: flex-end;cursor: pointer;z-index: 10;}
.mLine {position: relative;margin: 0px 0px 0px 0px;width: 10px;height: 10px;clip-path: polygon(50% 0,0 100%, 100% 100%);background: linear-gra**nt(0deg, #00Ff00 8%,#fff000 80%,#fff000 80%);transition: .35s;opacity:1;}
.mLine::before { position: absolute; content: ''; width: 100%; height:2px; background: orange; top: -6px; }
#dt { position: absolute; left: 950px; bottom: 130px; width: 120px; height: 120px; background: url0 0/100% 100%; cursor: pointer; z-index: 2; animation: rot linear 30s infinite; transform: rotateX(0deg) rotateY(0deg) rotate(0deg);}@keyframes rot {0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(20deg)scale(0.2);}
50% {transform: rotateX(0deg) rotateY(0deg) rotateZ(-360deg)scale(2);left: 30px;}
100% {transform: rotateX(0deg) rotateY(0deg) rotateZ(260deg)scale(0.2);top:30px;}
}
.photo {width: 1000px; height: 565px;
position: absolute;z-index: -2;border:2px solid #ffffff;
top:0px; left:0px;filter:contrast(120%)brightness(100%);
opacity: 0;
animation-name: round ;animation-duration: 48s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes round {
0% {opacity: 1;transform:rotateX(-180deg) translateZ(10.90909px);}
5% {opacity: 1;transform: perspective(600px) rotateY(45deg)scale(0.6)}
8% {opacity: 1;transform: perspective(600px) rotateY(-45deg)scale(0.6)}
12% {opacity: 1;transform: perspective(600px) rotateY(0deg)scale(0.6)}
18% {opacity: 0;transform: perspective(600px) rotateY(0deg)scale(1.8)}
}
img:nth-child(1) {animation-delay: 42s;}
img:nth-child(2) {animation-delay: 36s;}
img:nth-child(3) {animation-delay: 30s;}
img:nth-child(4) {animation-delay: 24s;}
img:nth-child(5) {animation-delay: 18s;}
img:nth-child(6) {animation-delay: 12s;}
img:nth-child(7) {animation-delay: 6s;}
img:nth-child(8) {animation-delay: 0s;}
.stop img:nth-child(1){animation-delay: 42s;animation-play-state: paused;}
.stop img:nth-child(2){animation-delay: 36s;animation-play-state: paused;}
.stopimg:nth-child(3) {animation-delay: 30s;animation-play-state: paused;}
.stop img:nth-child(4){animation-delay: 24s;animation-play-state: paused;}
.stop img:nth-child(5){animation-delay: 18s;animation-play-state: paused;}
.stop img:nth-child(6){animation-delay: 12s;animation-play-state: paused;}
.stop img:nth-child(7){animation-delay: 6s;animation-play-state: paused;}
.stop img:nth-child(8){animation-delay: 0s;animation-play-state: paused;}
#img_border{display:inline-block;width:120px;height:120px;position: absolute;top:420px; left:880px;z-index: 80;border-radius:0%; transition: .3s all ease;animation:rotating 10s linear infinite;}
@keyframes rotating{0% {transform: rotateX(0deg) rotateY(0deg)
rotateZ(0deg)scale(0.2);}
50% {transform: rotateX(0deg) rotateY(0deg) rotateZ(-30deg)scale(2);}
100% {transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg)scale(2);}
}
</style>
<div id="papa">
<div id="testImg">
<div id="texiao"><img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070500rll9wtutq7kjcltc.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070406qlalhvwhdvhpdlhw.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070353eqbcncc5fnad4har.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070316iknen61921n91jj6.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070249c6nwheiuhe6uulii.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070142nn36ce6n00sppens.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070353eqbcncc5fnad4har.jpg"> <img alt="" class="photo" src="https://sirius.130014.xyz/2024/09/11/070025nzb67n5s77r81658.jpg"></div>
</div>
</div></div><div style="text-align: center;"><br></div><div style="text-align: center;"><img src="https://bbs.ltxjob.com/data/attachment/forum/202407/20/162420pb2ztnx1xbl22l11.gif" alt="0.gif" style="background-color: initial;"><br></div><div style="text-align: center;"><div style="text-align: center;"><font face="华文中宋" color="#ffffff" size="6"><b></b></font><div style="LEFT: 40px; WIDTH: 1000px; POSITION: relative; TOP: 0px"><font face="华文中宋" color="#ffffff" size="6"><b><p><iframe allowfullscreen="1" frameborder="1" height="560" src="https://www.ixigua.com/iframe/7283297552022110777?autoplay=1" width="1000"></iframe></p></b></font></div></div><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><font face="华文中宋"><font size="6"><img src="https://bbs.ltxjob.com/data/attachment/forum/202407/20/162420pb2ztnx1xbl22l11.gif" alt="0.gif" style="background-color: initial;"><br></font></font></div><p></p><div align="center"><font face="华文隶书"><font size="6"><marquee style="font-size: 26pt; width: 80%; line-height: 150%; font-family: 华文隶书;" scrollamount="5" behavior="alternate" font=""><strong><font color="#ff0000">老谟祝大家中秋节快乐！</font></strong></marquee></font></font></div><p></p></div></div></div></div></div></div></div></div></div></td></tr></tbody></table><br><p></p></div></div></td></tr>
</tbody></table><p align="center" style="text-align: center;"></p></div>
<div style="height:1837px"></div><center><br></center>
祝老谟深虑和朋友们中秋节快乐！ https://p9.itc.cn/q_70/images03/20201001/e930f0b8a368417da1ca6a39617a13b3.gif https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimage109.360doc.com%2FDownloadImg%2F2018%2F08%2F2000%2F141808611_3_20180820121906723.gif&refer=http%3A%2F%2Fimage109.360doc.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1729046108&t=703cd0e5590059e187911373bffefb61 欣赏老谟深虑好帖，同祝大家中秋快乐{:4_187:} 老谟这个制作漂亮的{:4_199:} 老谟中秋节快乐！{:4_187:} 梦油 发表于 2024-9-16 09:56
祝老谟深虑和朋友们中秋节快乐！
谢谢老师的祝福，我们同乐！
起个网名好难 发表于 2024-9-16 10:07
谢谢难难老师的支持，祝你节日快乐！
非常开心 发表于 2024-9-16 10:36
谢谢老师的支持，祝你节日快乐！
红影 发表于 2024-9-16 10:50
欣赏老谟深虑好帖，同祝大家中秋快乐
谢谢红影老师的欣赏，中秋节快乐！
小辣椒 发表于 2024-9-16 15:14
老谟中秋节快乐！
谢谢小辣椒的美赞和祝福，祝你中秋节快乐！
老谟深虑 发表于 2024-9-16 15:26
谢谢老师的祝福，我们同乐！
老朋友不客气。 欣赏老师佳作，祝中秋快乐！ 老谟深虑 发表于 2024-9-16 15:30
谢谢红影老师的欣赏，中秋节快乐！
中秋快乐{:4_187:} 梦江南 发表于 2024-9-16 17:59
欣赏老师佳作，祝中秋快乐！
谢谢老师的欣赏，中秋快乐！
页:
[1]