{:4_204:}{:4_204:}{:4_204:}
出句：春夏秋冬描景色【箫晓】
对句：繁星璀璨望天空【箫晓】
春夏秋冬描景色
繁星璀璨望天空
<style type="text/css">
.fSet {
color:#eee;
font-family:'微软雅黑','宋体','新宋体';
font-size:40px;
font-weight:bold;
line-height:100px;
text-align:center;
border-radius:50%;
text-shadow:1px 1px #000,1px 1px #111,1px 1px #222,1px 1px #333,1px 1px #444,1px 1px #555;
position:absolute;
left:0px;
top:0px;
}
.iMov {
width:100px;
height:100px;
background:red;
animation:iGo linear 10s infinite;
}
.hMov {
width:100px;
height:100px;
background:darkred;
animation:iGo linear 12s infinite;
}
.yMov {
width:100px;
height:100px;
background:green;
animation:yGo linear 10s infinite;
}
.sMov {
width:100px;
height:100px;
background:coral;
animation:yGo linear 15s infinite;
}
@keyframes iGo { /* 顺时针路线 */
0%,100% { transform:translate(calc(50vw - 120px),0px); }
25% { transform:translate(calc(100vw - 120px),calc(50vh - 100px)); }
50% { transform:translate(calc(50vw - 120px),calc(100vh - 120px)); }
75% { transform:translate(0px,calc(50vh - 120px)); }
}
@keyframes yGo { /* 逆时针路线 */
0%,100% { left:calc(50vw - 120px); top:0px; }
25% { left:0px; top:calc(50vh - 120px); }
50% { left:calc(50vw - 120px); top:calc(100vh - 120px); }
75% { left:calc(100vw - 120px); top:calc(50vh - 120px); }
}
</style>
<div class="fSet yMov">倾</div>
<div class="fSet sMov">听</div>
<div class="fSet iMov">音<div>
<div class="fSet hMov">乐<div>
</div></div></div></div>
{:4_204:}
倾听音乐
本帖最后由 玫瑰 于 2026-7-17 21:26 编辑 <br /><br /><center><font color="#ee110e" size="4" face="华文彩云">
<marquee height="60" width="230">喝杯水在线听歌</marquee><font color="#ee1111" size="4" face="华文彩云">
<marquee direction="right" height="60" width="230">歌听线在水杯喝</marquee></font></font></center>
<div></div>
#ffffff #2F0000 #600030 #460046 #28004D
#272727 #4D0000 #820041 #5E005E #3A006F
#3C3C3C #600000 #9F0050 #750075 #4B0091
#4F4F4F #750000 #BF0060 #930093 #5B00AE
#5B5B5B #930000 #D9006C #AE00AE #6F00D2
#6C6C6C #AE0000 #F00078 #D200D2 #8600FF
#7B7B7B #CE0000 #FF0080 #E800E8 #921AFF
#8E8E8E #EA0000 #FF359A #FF00FF #9F35FF
#9D9D9D #FF0000 #FF60AF #FF44FF #B15BFF
#ADADAD #FF2D2D #FF79BC #FF77FF #BE77FF
#BEBEBE #FF5151 #FF95CA #FF8EFF #CA8EFF
#d0d0d0 #ff7575 #ffaad5 #ffa6ff #d3a4ff
#E0E0E0 #FF9797 #FFC1E0 #FFBFFF #DCB5FF
#F0F0F0 #FFB5B5 #FFD9EC #FFD0FF #E6CAFF
#FCFCFC #FFD2D2 #FFECF5 #FFE6FF #F1E1FF
#FFFFFF #FFECEC #FFF7FB #FFF7FF #FAF4FF
#000079 #000079 #003E3E #006030 #006000
#000093 #003D79 #005757 #01814A #007500
#0000C6 #004B97 #007979 #019858 #009100
#0000C6 #005AB5 #009393 #01B468 #00A600
#0000E3 #0066CC #00AEAE #02C874 #00BB00
#2828FF #0072E3 #00CACA #02DF82 #00DB00
#4A4AFF #0080FF #00E3E3 #02F78E #00EC00
#6A6AFF #2894FF #00FFFF #1AFD9C #28FF28
#7D7DFF #46A3FF #4DFFFF #4EFEB3 #53FF53
#9393FF #66B3FF #80FFFF #7AFEC6 #79FF79
#AAAAFF #84C1FF #A6FFFF #96FED1 #93FF93
#B9B9FF #97CBFF #BBFFFF #ADFEDC #A6FFA6
#CECEFF #ACD6FF #CAFFFF #C1FFE4 #BBFFBB
#DDDDFF #C4E1FF #D9FFFF #D7FFEE #CEFFCE
#ECECFF #D2E9FF #ECFFFF #E8FFF5 #DFFFDF
#FBFBFF #ECF5FF #FDFFFF #FBFFFD #F0FFF0
#467500 #424200 #5B4B00 #844200 #642100
#548C00 #5B5B00 #796400 #9F5000 #842B00
#64A600 #737300 #977C00 #BB5E00 #A23400
#73BF00 #8C8C00 #AE8F00 #D26900 #BB3D00
#82D900 #A6A600 #C6A300 #EA7500 #D94600
#8CEA00 #C4C400 #D9B300 #FF8000 #F75000
#9AFF02 #E1E100 #EAC100 #FF9224 #FF5809
#A8FF24 #F9F900 #FFD306 #FFA042 #FF8040
#B7FF4A #FFFF37 #FFDC35 #FFAF60 #FF8F59
#C2FF68 #FFFF6F #FFE153 #FFBB77 #FF9D6F
#CCFF80 #FFFF93 #FFE66F #FFC78E #FFAD86
#D3FF93 #FFFFAA #FFED97 #FFD1A4 #FFBD9D
#DEFFAC #FFFFB9 #FFF0AC #FFDCB9 #FFCBB3
#E8FFC4 #FFFFCE #FFF4C1 #FFE4CA #FFDAC8
#EFFFD7 #FFFFDF #FFF8D7 #FFEEDD #FFE6D9
#F5FFE8 #FFFFF4 #FFFCEC #FFFAF4 #FFF3EE
#613030 #616130 #336666 #484891 #6C3365
#743A3A #707038 #3D7878 #5151A2 #7E3D76
#804040 #808040 #408080 #5A5AAD #8F4586
#984B4B #949449 #4F9D9D #7373B9 #9F4D95
#AD5A5A #A5A552 #5CADAD #8080C0 #AE57A4
#B87070 #AFAF61 #6FB7B7 #9999CC #B766AD
#C48888 #B9B973 #81C0C0 #A6A6D2 #C07AB8
#CF9E9E #C2C287 #95CACA #B8B8DC #CA8EC2
#D9B3B3 #CDCD9A #A3D1D1 #C7C7E2 #D2A2CC
#E1C4C4 #D6D6AD #B3D9D9 #D8D8EB #DAB1D5
#EBD6D6 #DEDEBE #C4E1E1 #E6E6F2 #E2C2DE
#F2E6E6 #E8E8D0 #D1E9E9 #F3F3FA #EBD3E8
本帖最后由 玫瑰 于 2026-7-17 23:03 编辑 <br /><br /><meta charset="utf-8">
<style>
#papa {margin: 10px 10px;width: 964px; height: 600px;background:linear-gradient(0deg, #000000 2%,#000000 8%,rgba(2, 2, 2, 0) 30%,rgba(52, 152, 219, 0) 100%,rgba(2, 2, 2, 0) 100%,black 100%), linear-gradient(135deg, #880000 0%,#000080 60%,#00ff00 100%);box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 8px #880000;position: relative;overflow: hidden;z-index: 12345;}
#dt{position: absolute;top:0%; left:0%;width: 100%;height: 100%;z-index:3;mix-blend-mode:lighten;}
#mplayer {position: absolute; left: 0%;top:90%;cursor: pointer;z-index:888; width: 100%;mix-blend-mode: lighten; filter:invert(100%) ;opacity: 1;}
#lrc {
--motion: cover2;
--tt: 2s;
--state: paused;position: absolute; top: 80%;z-index: 12; font: normal 2.6em 微软雅黑;
left: 50%; transform: translate(-50%); color:#000078; white-space: pre;
-webkit-background-clip: text;
filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);
}
#lrc::before {
position: absolute; content: attr(data-lrc); width: 20%; height: 100%;color: transparent;
overflow: hidden; white-space: pre;background: #ff0000; -webkit-background-clip: text;
animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);
}
@keyframes cover1 { from { width: 0;filter: hue-rotate(360deg); } to { width: 100%; } }
@keyframes cover2 { from { width: 0; } to { width: 100%; filter: hue-rotate(360deg);} }
#fullscreen { position: absolute; top:5%; left:calc(85% - 15px);font: normal 2em/0em 楷体;color:#ffffff; opacity: 1; cursor: pointer; z-index: 111}
</style>
<div id="papa">
<span id="fullscreen"><br></span>
<div id="testImg" class="mm"><img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"> <img src="https://www.bohann.net/data/attachment/forum/202501/23/102525jtmse7r7ejyesyhr.jpg"></div>
<!--底图-->
<div id="dt"><br></div>
<div id="mplayer"><audio style="width:100%;" id="aud" controls="controls" autoplay="autoplay" loop="loop" src="https://www.joy127.com/url/144772.mp3" type="audio/mpeg"></audio></div>
<div id="lrc" data-lrc=" "> </div>
</div>
<style type="text/css">
.mm img{width:300px;
height: 180px;
position: absolute;
left:0px;
top:0px;z-index: 10;
box-shadow:0px 0px 0px 2px #000000, 0px 0px 0px 8px #cccccc;
background-size:100% 100%;
border-radius: 0px;
}
.mm img:nth-child(1){
transform:translateZ(450px);}
.mm img:nth-child(2){
transform: rotateY(40deg) translateZ(450px);
}
.mm img:nth-child(3){
transform: rotateY(80deg) translateZ(450px);
}
.mm img:nth-child(4){
transform: rotateY(120deg) translatez(450px);
}
.mm img:nth-child(5){
transform: rotateY(160deg) translatez(450px);
}
.mm img:nth-child(6){
transform: rotateY(200deg) translatez(450px);
}
.mm img:nth-child(7){
transform: rotateY(240deg) translatez(450px);
}
.mm img:nth-child(8){
transform: rotateY(280deg)translatez(450px);
}
.mm img:nth-child(9){
transform: rotateY(320deg) translatez(450px);
}
.mm img:nth-child(1):stop{animation-play-state:paused;}
.mm img:nth-child(2):stop{animation-play-state:paused;}
..mm img:nth-child(3):stop{animation-play-state:paused;}
.mm img:nth-child(4):stop{animation-play-state:paused;}
.mm img:nth-child(5):stop{animation-play-state:paused;}
.mm img:nth-child(6):stop{animation-play-state:paused;}
.mm img:nth-child(7):stop{animation-play-state:paused;}
.mm img:nth-child(8):stop{animation-play-state:paused;}
.mm img:nth-child(9):stop{animation-play-state:paused;}
.stop{animation-play-state:paused;}
.mm{
margin: 160px auto;
width: 260px;
height: 180px;
transform-style: preserve-3d;
animation-name: animate;
animation-duration: 50s;
animation-iteration-count: infinite;
animation-timing-function: linear;
position: relative;
}
@keyframes animate{
from {transform: rotatex(-20deg) rotateY(0deg);}
50% {transform: rotatex(20deg) rotateY(-720deg);}
to {transform: rotatex(-20deg) rotateY(0deg);}
}
</style>
<marquee direction="up" scrollamount="4">
<p align="center"><font color="#ff00ff" face="宋书" size="4">恋晴恋雨又恋歌</font></p>
<p align="center"><font color="#ff00ff" face="宋书" size="4">恋晴恋雨又恋歌</font></p>
</marquee>
<center><font color="#ee110e" size="5" face="华文彩云">
<marquee scro‖amount="4" direction="right">
<font size="4"><font color="DarkOrchid">歌恋又雨恋晴恋</font></font>
</marquee>
<br><br><br><br><br><br><br><br><br><br><br><br><br></font></center>
<center><font color="#ee110e" size="4" face="华文彩云">
<marquee height="60" width="230">恋晴恋雨又恋歌</marquee><font color="#ee1111" size="4" face="华文彩云">
<marquee direction="right" height="60" width="230">歌恋又雨恋晴恋</marquee></font></font></center>
<div></div>
本帖最后由 玫瑰 于 2026-7-17 21:45 编辑 <br /><br />
<center><font color="#ee110e" size="4" face="华文彩云">
<marquee height="60" width="230">恋晴恋雨又恋歌</marquee></font></center><center><font color="#ee110e" size="4" face="华文彩云"><font color="#ee1111" size="4" face="华文彩云"></font></font></center></td></tr></tbody></table>
{:4_204:}{:4_204:}{:4_204:}
来日方长接龙
本帖最后由 玫瑰 于 2026-7-18 21:46 编辑
来日方长 → 长话短说 → 说东道西 → 西风落叶 → 叶落知秋 → 秋高气和 → 和风细雨 → 雨过天晴 → 晴空万里 → 里里拉拉 → 拉家带口 →口口声声
来日方长
长话短说
说东道西
西风落叶