偶然~ 发表于 2026-1-7 11:58

【每日诗词】沁园春·冬寒心暖

<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,lightpurple,snow);
      --bgTitle: lightgreen;
      --fColor: black;
      --btnWidth: 40px;
      --state: paused;
}
#mydiv::before, #mydiv::after { position: absolute; content: ''; }
#mydiv::before {
      padding: 0 10px;
      content: '沁园春·冬寒心暖';
      left: 233px;
      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>2026年01月07日</p>
</div>
<audio id="aud" src="https://wj.zp68.com/hxw/mp3/2026/01/07/daq.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>

澜天 发表于 2026-1-7 13:18

歌颂人民军队
酣畅淋漓
血脉贲张
{:4_178:}

偶然~ 发表于 2026-1-7 13:50

澜天 发表于 2026-1-7 13:18
歌颂人民军队
酣畅淋漓
血脉贲张

最冷天气明天起，
愿君珍重多添衣。
护好体内的阳气，
度过年内严寒期。
绕开血管遇冷脆，
心脏温差最大时。
浓浓雾气伤脾肺，
胃代谢慢茵侵鼻。
耳朵也得不着凉，
健康方才守得住。

霜染枫丹 发表于 2026-1-7 15:32

当今天下烽烟四起，唯我中华傲然屹立。人民军队保家卫国，让我们得以在此悠悠品味岁月沧桑。欣赏偶然佳作，气势恢宏，令人酣畅！{:4_204:}{:4_190:}

澜天 发表于 2026-1-7 16:19

偶然~ 发表于 2026-1-7 13:50
最冷天气明天起，
愿君珍重多添衣。
护好体内的阳气，


你这健康歌很好呢
{:4_178:}

闲兴 发表于 2026-1-7 17:30

创意十足，赞一个!

闲兴 发表于 2026-1-7 17:30

情景交融，余韵隽永悠长！

闲兴 发表于 2026-1-7 17:31

辞雅韵清，读来齿颊生香！

闲兴 发表于 2026-1-7 17:31

情感真挚，落笔字字生花！

偶然~ 发表于 2026-1-7 17:44

澜天 发表于 2026-1-7 16:19
你这健康歌很好呢

健康来自于心宽，
健康来自于心乐。
烦恼忧愁抛一边，
开心过好每一天。

偶然~ 发表于 2026-1-7 17:45

霜染枫丹 发表于 2026-1-7 15:32
当今天下烽烟四起，唯我中华傲然屹立。人民军队保家卫国，让我们得以在此悠悠品味岁月沧桑。欣赏偶然佳作， ...

健康就是天   美好在身边
只有心态好   家庭生活甜

红影 发表于 2026-1-7 19:14

很豪迈大气的词句，填写是留意到了扇面对，对得很好。
词意也非常好，欣赏偶然君好词{:4_199:}

偶然~ 发表于 2026-1-8 00:44

红影 发表于 2026-1-7 19:14
很豪迈大气的词句，填写是留意到了扇面对，对得很好。
词意也非常好，欣赏偶然君好词

{:4_191:}

闲兴 发表于 2026-1-8 20:59

欣赏佳作！

闲兴 发表于 2026-1-8 21:00

文采斐然。

闲兴 发表于 2026-1-8 21:00

辞雅韵清，读来齿颊生香！

偶然~ 发表于 2026-1-9 00:14

闲兴 发表于 2026-1-8 21:00
辞雅韵清，读来齿颊生香！

{:4_180:}
页: [1]
查看完整版本: 【每日诗词】沁园春·冬寒心暖