梦风雨
发表于 2026-4-10 17:15
咔擦咔擦向前进
梦风雨
发表于 2026-4-10 17:16
本帖最后由 梦风雨 于 2026-4-10 17:24 编辑 <br /><br />咔擦咔擦向前进
<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>
梦风雨
发表于 2026-4-10 17:25
<style>
#tz { margin: 20px auto; width: 1202px; height: 676px; background: url('https://bohann.net/data/attachment/forum/202406/17/210427vkt7a8l15a9p7898.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px gray; z-index: 1; position: relative; }
#tz::before { content: attr(data-lrc); position: absolute; left: 20px; top: 20px; width: 60px; height: 95%; writing-mode: vertical-rl; font: bold 32px/60px sans-serif; color: transparent; background: repeating-linear-gradient(to bottom, cyan, lightgreen, green, lightgreen, cyan) 50%/60px 200px; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px black); }
#player { position: absolute; left: calc(50% - 30px); bottom: 15px; width: 60px; height: 60px; cursor: pointer; animation: rot 6s linear infinite var(--state); }
@keyframes rot { to { transform: rotate(360deg); } }
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% +60px); object-fit: cover; mix-blend-mode: screen; opacity: .5; pointer-events: none; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes swear {
from { transform: perspective(400px) rotateY(20deg); }
to { transform: perspective(400px) rotateY(-20deg); }
}
</style>
<div id="tz" data-lrc="如愿">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1884587759.mp3" autoplay="" loop=""></audio>
<video class="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/a2209b9e54d8030a565e4e457af43d02_preview.mp4" autoplay="" loop="" disablepictureinpicture="" muted=""></video>
<img id="player" title="播放/暂停" alt="" src="https://638183.freep.cn/638183/t23/btn/disc.png"></div>
梦风雨
发表于 2026-4-10 17:26
周六听歌啦啦啦{:4_187:}
梦风雨
发表于 2026-4-10 17:26
倾听音乐倾听音乐。
梦风雨
发表于 2026-4-11 14:12
咔擦咔擦向前进
梦风雨
发表于 2026-4-11 14:12
咔擦咔擦向前看
梦风雨
发表于 2026-4-11 14:13
咔擦咔擦向前冲
梦风雨
发表于 2026-4-11 14:13
12345
梦风雨
发表于 2026-4-11 14:13
来学习来学习
梦风雨
发表于 2026-4-11 14:13
咔擦咔擦向前进
梦风雨
发表于 2026-4-11 14:13
12345
梦风雨
发表于 2026-4-11 14:14
12345来来来
红影
发表于 2026-4-11 19:07
梦风雨 发表于 2026-4-10 10:04
问好红影早上好。
问好快乐的风雨{:4_187:}
梦风雨
发表于 2026-4-14 15:32
花潮的情怀
雨
花潮有一个美丽的传说，有传说有美丽邂逅的梦
传说来了花潮，可以忘却烦恼
美丽邂逅的梦什么都有，诗的远方，还吹到的花潮情
清晨漫步在花潮诗版，惬意中充满诗意人生一个美丽梦
一份思念，促成了这生牵挂
没有想到会来到这诗情画意版块，人生有点无常
我借花潮，感受春风、春雨、春思、春月揉成一股相思风
梦幻般的意境打开人生一把钥匙通往花潮的梦
花潮，你用浪漫情怀徐徐展开通往诗意人生
梦风雨
发表于 2026-4-14 15:32
花潮有一个美丽的传说，有传说有美丽邂逅的梦
梦风雨
发表于 2026-4-14 15:32
传说来了花潮，可以忘却烦恼
梦风雨
发表于 2026-4-14 15:33
美丽邂逅的梦什么都有，诗的远方，还吹到的花潮情
梦风雨
发表于 2026-4-14 15:33
清晨漫步在花潮诗版，惬意中充满诗意人生一个美丽梦
梦风雨
发表于 2026-4-14 15:33
一份思念，促成了这生牵挂
页:
1
2
3
4
5
[6]
7
8
9
10
11
12