本帖最后由 玫瑰 于 2026-7-11 08:53 编辑
一句轻轻的祝福
一句深深的祝福
愿你自在无忧，好运常伴
愿快乐与你相伴相随永久
一句轻轻的祝福
愿你自在无忧，好运常伴
一句深深的祝福
愿快乐与你相伴相随永久
倾听音乐
来欣赏学习
风拂袖，
雨淋裳，
风雨盈袖，
笛声也悠扬，
风含笑
，雨润苍，
笛声助我诉衷肠。
花潮依旧在涌动，
那清雅的香气，
似乎更浓了。
{:4_204:}{:4_204:}{:4_204:}
本帖最后由 玫瑰 于 2026-7-13 11:09 编辑 <br /><br />
<style>@import url("https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&family=Long+Cang&family=Ma+Shan+Zheng&family=ZCOOL+KuaiLe&family=ZCOOL+QingKe+HuangYou&display=swap");
#papa {position: relative; width: 1186px; height: 680px; overflow:hidden;top: 20px;left: 0px; background:#800000 url(<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg" border="0" alt="" style="max-width:400px" />)no-repeat center / cover;--state: running; }
#photo img {position: absolute; width: 100%;height: 100%;top: 0px;left: 0px;
opacity: 0;
animation: round 48s linear infinite var(--state);
}
@keyframes round {
0% {
opacity: 1;
-webkit-transform: scale(1);clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);}
6% {
opacity: 1;clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
-webkit-transform: scale(1) ;
}
12% {
opacity: 1;clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);
-webkit-transform:translate(0%,0%)scale(1);
}
18% {
opacity: 1;clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);
-webkit-transform:translate(0%,0%)scale(1);
}
20% {
opacity: 0;clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);
-webkit-transform:translate(0%,0%)scale(5);
}
}
#photo img:nth-child(1) { animation-delay: 0s;}
#photo img:nth-child(2) { animation-delay: 6s;}
#photo img:nth-child(3) { animation-delay: 12s;}
#photo img:nth-child(4) { animation-delay: 18s;}
#photo img:nth-child(5) { animation-delay: 24s;}
#photo img:nth-child(6) { animation-delay: 30s; }
#photo img:nth-child(7) { animation-delay: 36s;}
#photo img:nth-child(8) { animation-delay:42s;}
#bnt{margin: 10px 30px ;width: 120px;height: 40px;position: absolute; cursor: pointer;}
#ptxt{width:100%;height:6px;font:400 18px/0px "STKaiti";color: #fff;line-height:0px;bottom: 60px;left:50px;position: absolute;}
#musickrc{width:70%;top:73%;position: absolute;left:15%;cursor: pointer;z-index: 5;}
#musickrc span {display:block;text-align:center;line-height:32px; }
#wzsd1 { animation: wzsd 6s infinite forwards var(--state);}
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;transform:translate(10%,0%)scale(1.2)}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
#papa:hover #fullscreen { display:block ;}
#fullscreen { position: absolute; top:4%; left:85%;color:#FFf;font: normal 2em楷体; opacity: 1; cursor: pointer; z-index: 10}
</style>
<div id="papa">
<span id="fullscreen">欣赏聆听</span>
<div id="photo">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
<img src="https://img.wyc520.com.cn/data/attachment/forum/202606/22/153058e0kf3b8ymtmr3mmp.jpg">
</div>
<div id="ptxt">0%</div>
<div id="musickrc">
<div id="wzsd1"><p id="musickrc01" style="color:#ff0000;text-align:left;font-family:ZCOOL QingKe HuangYou;font-size: 40px;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);"></p></div>
<p id="musickrc02" style="color:#eee000;text-align:right;font-weight: ;font-family:ZCOOL QingKe HuangYou;font-size: 40px;filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px0);"></p>
</div>
</div>
<audio style="width:1px; height:1px;" controls="controls" autoplay="autoplay" loop="loop" src="https://www.joy127.com/audio/123154c5b8f396.mp3" type="audio/mpeg"></audio>
倾听音乐