偶然~ 发表于 2025-5-30 10:25

秋霁·端午寄怀

<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: 253px;
      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年05月30日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/dw.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-5-31 10:56

本帖最后由 偶然~ 于 2025-5-31 10:57 编辑 <br /><br />&#127801;<br>
五&#127801;<br>
月五&#127801; <br>
过端五&#127801; <br>
打开微信&#127801; <br>
里面有祝福&#127801; <br>
千家万户团圆&#127801; <br>
欢聚一堂是幸福&#127801; <br>
片片粽叶片片情义&#127801; <br>
给你带来一份好心情&#127801; <br>
一粒粒糯米粒粒真&#127801; <br>
给你一颗牵挂心&#127801; <br>
点点豆沙给你&#127801; <br>
一份相思情&#127801; <br>
致我最在&#127801; <br>
乎人端&#127801; <br>
午安&#127801; <br>
康&#127801; <br>
&#127801;<br>

偶然~ 发表于 2025-5-31 10:58

我把我的祝福送给大家,
祝你端午节,假期快乐,
祝你端午节,心情愉快,
祝你端午节,家庭合睦,
祝你端午节,好运连连,
祝你端午节,顺遂安康!
祝所有人永远有好福气!

偶然~ 发表于 2025-5-31 10:58

年复又一年端午到眼前
百姓祭屈原全民来纪念
糯米包粽香阖家齐动员
清晨拔艾草艾水来洗脸
老幼皆欢喜相爱情谊绵
幼童手脚腕佩戴五色线
五线精编符到处都可见
避邪消灾难人人心身健
快乐度人生保养首当先
社会与发展时代谱新篇

偶然~ 发表于 2025-5-31 10:58

晨雨敲窗月半藏,柔光漫枕梦犹香。
门悬艾草凝朝露,又是一年粽叶黄。
青山未老云先醉,渌水初盈鸭试凉。
莫问人间足仓事,且盛蒲酒对沧浪。

偶然~ 发表于 2025-5-31 10:59

佳节端阳五月芳
艾酒斟杯粽味香
举杯共饮情长在
普天同庆齐安康

偶然~ 发表于 2025-5-31 10:59

端午安康粽飘香
屈原精神民颂扬
振兴中华同奋斗
国强民富幸福长

偶然~ 发表于 2025-5-31 10:59

仲夏时节,日朗艳阳。
满山翠绿,鸟语花香。
端午佳节,登高远望。
汨罗江上,一派繁忙。
锣鼓喧天,龙舟登场。
彩旗飘飘,管弦伴唱。
粽子飘香,无色香囊。
屈子美名,千古颂扬。

偶然~ 发表于 2025-5-31 10:59

裹粽飘香寄厚情,
欣临端午祝康平。
欢歌笑语醉佳景,
吉瑞常随福满盈。

偶然~ 发表于 2025-5-31 11:00

端 阳粽香溢满庭,
午 划龙舟破浪行。
安 逸共饮菖蒲酒,
康 宁祭拜屈原君。

偶然~ 发表于 2025-5-31 11:01

端午佳节粽飘香
划上龙舟过大江
撒下一些香甜粽
纪念屈原国殇痛
采株艾草挂门前
避虫避蚊驱气邪
佩上香囊饮黄酒
陌上花开走一走
爱国情怀要发扬
民族气节志更昂
期待梦想新胜利
平安喜乐常如意

偶然~ 发表于 2025-5-31 11:02

一年一度端午节,
千河百湖竞龙舟。
颗颗香粽思屈原,
精忠报国代代传。

偶然~ 发表于 2025-5-31 11:03

端 阳时节多情扬,
午 季温热万物长。
安 全防病各自好,
康 健才能有梦想。

小星世龙 发表于 2025-6-1 09:10

好文采,自然,流畅,新颖,典雅,精彩,悠远,意境尤美,景情互替,韵味浓郁,十分精彩!

小星世龙 发表于 2025-6-1 09:11

好文采,自然,流畅,新颖,典雅,精彩,悠远,意境尤美,景情互替,韵味浓郁,十分精彩!{:4_178:}

红影 发表于 2025-6-1 20:38

偶然君送来这么多端午祝福,真是有心人。
这样的祝福帖子心意满满,太赞了{:4_199:}

红影 发表于 2025-6-1 20:39

感谢偶然君的祝福,同祝大家端午安康{:4_187:}
页: [1]
查看完整版本: 秋霁·端午寄怀