偶然~ 发表于 2025-8-24 09:29

《星河私语时》

<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: 263px;
      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年08月24日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/qix.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-8-24 11:08

又是关于七夕的美帖，古今结合，把七夕场景描述得那么美。
欣赏偶然君好帖{:4_199:}

梦江南 发表于 2025-8-24 15:10

有人说,每年农历七月初七夜里,站在葡萄架下边就能听到牛郎、织女在鹊桥上亲亲密密地说话。

纸墨情缘 发表于 2025-8-27 15:54

{:5_116:}学习精华！
页: [1]
查看完整版本: 《星河私语时》