偶然~ 发表于 2025-11-26 22:12

踏莎行·缘来珍惜

<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>
缘来莫作等闲看，惜时须记春归处。
</p>
      <p><p class="txtRight">偶然<br>欢迎缘来珍惜<br>2025年11月26日</p>
</div>
<audio id="aud" src="https://upfile.mp3.wf/view.php/8292638d67cfe157dea01d08f4e4bd03.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-11-26 22:14


《缘来珍惜》
春水潺潺映花缘，
夏蝉声声随风来。
秋叶翩翩寄心珍，
冬雪皑皑覆尘惜。

@缘来珍惜

小文 发表于 2025-11-27 10:01

支持！问好！{:4_187:}

月影 发表于 2025-11-27 10:22

欣赏偶然管理员好词，问好

阿狄丽娜 发表于 2025-11-27 13:46

这是IdD词吗？

阿狄丽娜 发表于 2025-11-27 13:47

@缘来珍惜

红影 发表于 2025-11-27 17:46

好词，偶然君真温暖，特地为新朋友做的诗词呢。
跟在偶然君后面共同欢迎 缘来珍惜 新朋友@缘来珍惜 {:4_187:}

红影 发表于 2025-11-27 17:47

“缘来莫作等闲看，惜时须记春归处。”

还嵌着新朋友的名字呢，给偶然君点赞{:4_199:}

偶然~ 发表于 2025-11-27 18:11

小文 发表于 2025-11-27 10:01
支持！问好！

开心幸福

偶然~ 发表于 2025-11-27 18:11

月影 发表于 2025-11-27 10:22
欣赏偶然管理员好词，问好

人生可贵半醒半醉，
秋去冬来一晃一岁。
爱护自己就是智慧，
过好每天快乐到位。

偶然~ 发表于 2025-11-27 18:11

阿狄丽娜 发表于 2025-11-27 13:46
这是IdD词吗？

岁月匆匆，我爱你深深。
春夏秋冬，朝夕阳辉同。
天空无痕，一生付深情。
感谢岁月，我无惧黄昏。

偶然~ 发表于 2025-11-27 18:12

阿狄丽娜 发表于 2025-11-27 13:47
@缘来珍惜

{:4_180:}

偶然~ 发表于 2025-11-27 18:13

红影 发表于 2025-11-27 17:46
好词，偶然君真温暖，特地为新朋友做的诗词呢。
跟在偶然君后面共同欢迎 缘来珍惜 新朋友@缘来珍惜 {:4_18 ...

历经了世事沧桑，
仍有最初的梦想。
前行中迎着阳光，
岁月里绽放芬芳。

偶然~ 发表于 2025-11-27 18:14

红影 发表于 2025-11-27 17:47
“缘来莫作等闲看，惜时须记春归处。”

还嵌着新朋友的名字呢，给偶然君点赞

{:4_180:}

人生不必光芒万丈
人生不必光芒万丈，
但要一直温暖有光。
慢慢走赏沿途风景，
岁岁年年都含晴朗。

阿狄丽娜 发表于 2025-11-27 18:33

偶然~ 发表于 2025-11-27 18:11
岁月匆匆，我爱你深深。
春夏秋冬，朝夕阳辉同。
天空无痕，一生付深情。


{:4_191:}干一杯岁月的酒，路上都是美丽的风景。

偶然~ 发表于 2025-11-27 19:07

阿狄丽娜 发表于 2025-11-27 18:33
干一杯岁月的酒，路上都是美丽的风景。

{:4_180:}

祝你健康快乐

澜天 发表于 2025-11-27 21:19

欣赏偶然美词
欢迎缘来珍惜
{:4_187:}

偶然~ 发表于 2025-11-27 21:46

澜天 发表于 2025-11-27 21:19
欣赏偶然美词
欢迎缘来珍惜

{:4_180:}
页: [1]
查看完整版本: 踏莎行·缘来珍惜