升平乐·花潮迎澜天

偶然~ 发表于 2025-9-13 18:22

本帖最后由偶然~ 于 2025-9-13 18:30 编辑 <br /><br /><style>
#mydiv {
   margin: 30px auto;
   padding: 20px 10px;
   width: 90%;
   min-height: 400px;
   border: 1px solid var(--fColor);
   color: var(--fColor);
   background: var(--bgMain);
   position: relative;
   pointer-events: none;
   --bgMain: linear-gradient(snow,lightgreen,snow);
   --bgTitle: lightgreen;
   --fColor: black;
   --btnWidth: 40px;
   --state: paused;
}
#mydiv::before, #mydiv::after { position: absolute; content: ''; }
#mydiv::before {
   padding: 0 8px;
   content: '升平乐·花潮迎澜天';
   left: 223px;
   top: -18px;
   font: bold 24px / 36px sans-serif;
   text-shadow: 1px 1px 2px #111;
   border: inherit;
   background: var(--bgTitle);
}
#mydiv::after {
   width: var(--btnWidth);
   height: var(--btnWidth);
   background: conic-gradient(var(--fColor),var(--bgTitle),var(--fColor),var(--bgTitle));
   border-radius: 50%;
   bottom: calc(var(--btnWidth) / -2);
   left: calc(50% - var(--btnWidth) / 2);
   cursor: pointer;
   pointer-events: auto;
   animation: rot 5s infinite linear var(--state);
}
#mydiv p { padding: 20px 0; font-size: 16px ; }
.txtRight { position: absolute; text-align: center; right: 10px; bottom: -10px; }
.txtMid { text-align: center; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
   <p><p>骇浪云开，逸音风起，烟萦桂阁鸾鸣。<br>
漱玉喷珠，摇星坠露，峭生沁雪襟灵。<br>
‌听阳九叠，更金丝、裂帛穿瀛。<br>
应只有，楚青筠管响，‌堪酿仙觥。<br><br>

今番论坛喧也，正千帆泊处，鸥鹭相迎。<br>
诗板新题，歌尘暗度，樽前共说升平。<br>
须将裂竹，谱银潢、天籁飞声。<br>
漫言是、世间能逢几，是处‌双清。
</p>
   <p><p class="txtRight">偶然<br>2025年09月13日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/xiq.mp3"" autoplay="autoplay" loop="loop"></audio>

<script>
(function () {
   let mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
   aud.addEventListener('play', mState, false);
   aud.addEventListener('pause', mState, false);
   mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>

红影发表于 2025-9-13 19:03

欣赏偶然君好词，共同欢迎澜天的到来{:4_199:}

澜天发表于 2025-9-13 19:50

红影发表于 2025-9-13 19:03
欣赏偶然君好词，共同欢迎澜天的到来

多谢多谢
{:4_190:}

澜天发表于 2025-9-13 19:52

哇
你这也太客气了
喜欢读你的诗文
不过这个不好意思读
就用你的作品回敬一下

樵歌发表于 2025-9-13 20:34

大赏偶然特意填的大长调！{:4_178:}

樵歌发表于 2025-9-13 20:36

一阙基本把论坛上的欢迎气氛和澜天的特别都阐述了。赞赏才华！

樵歌发表于 2025-9-13 20:37

这音乐也添加得得特别好！特别有热烈的气氛，而且还是好几首串连起来的。很好！

红影发表于 2025-9-13 21:14

澜天发表于 2025-9-13 19:50
多谢多谢

不客气啊，这个是偶然的帖子，应该谢他呢，不是谢我啊{:4_173:}

澜天发表于 2025-9-13 21:29

樵歌发表于 2025-9-13 20:34
大赏偶然特意填的大长调！

前几天发了三台大曲
上网查了一下
是唐宋时期的大曲子呢
过几天来读

澜天发表于 2025-9-13 21:30

樵歌发表于 2025-9-13 20:36
一阙基本把论坛上的欢迎气氛和澜天的特别都阐述了。赞赏才华！

是啊
把这两天的情况都刻画了
很细致的

澜天发表于 2025-9-13 21:30

樵歌发表于 2025-9-13 20:37
这音乐也添加得得特别好！特别有热烈的气氛，而且还是好几首串连起来的。很好！

小喇叭一吹
气氛全有啦
{:4_189:}

澜天发表于 2025-9-13 21:31

红影发表于 2025-9-13 21:14
不客气啊，这个是偶然的帖子，应该谢他呢，不是谢我啊

谢你说了欢迎啊
{:4_189:}

偶然~ 发表于 2025-9-13 21:46

红影发表于 2025-9-13 19:03
欣赏偶然君好词，共同欢迎澜天的到来

隆重欢迎澜天帅哥入驻花潮论坛{:4_191:}

偶然~ 发表于 2025-9-13 21:47

澜天发表于 2025-9-13 19:52
哇
你这也太客气了
喜欢读你的诗文

嘿嘿{:4_191:}

偶然~ 发表于 2025-9-13 21:47

樵歌发表于 2025-9-13 20:34
大赏偶然特意填的大长调！

感谢鼓励支持关照

偶然~ 发表于 2025-9-13 21:48

樵歌发表于 2025-9-13 20:36
一阙基本把论坛上的欢迎气氛和澜天的特别都阐述了。赞赏才华！

才华不敢当了，只是隆重欢迎澜天帅入驻花潮。。。

偶然~ 发表于 2025-9-13 21:49

樵歌发表于 2025-9-13 20:37
这音乐也添加得得特别好！特别有热烈的气氛，而且还是好几首串连起来的。很好！

喜庆的日子，就用多几首喜气歌曲{:4_176:}

小辣椒 发表于 2025-9-13 22:01

文字小辣椒不会，这音乐配的气氛立马来了，欢乐的乐曲{:4_208:}

小辣椒 发表于 2025-9-13 22:02

@澜天

收礼开心{:4_187:}

红影发表于 2025-9-13 22:51

澜天发表于 2025-9-13 21:31
谢你说了欢迎啊

太客气了，欢迎是肯定的，来了这么喜欢的玩的人，很开心啊{:4_187:}

页: [1] 2

花潮论坛's Archiver

升平乐·花潮迎澜天