花甲走四方 发表于 2026-7-8 09:02

夜上海

<style>
      #tz { margin: 30px 0; left: calc(50% - 81px); transform: translateX(-50%); width: 1024px; height: 576px; background: url('https://picasa.eu.org/i/2026/07/08/3pp2ac.jpg') no-repeat center/cover; overflow: hidden; z-index: 1; box-shadow: 2px 2px 3px gray; position: relative; }
      #tz::before { content: attr(data-lrc); position: absolute; top: 10px; width: 100%; height: 60px; font: bold 32px/60px sans-serif; color: transparent; background: repeating-linear-gradient(to right, silver, tan, white, tan, silver) 50%/200px 60px; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px #333); text-align: center; }
      #player { position: absolute; left: 620px; top: 190px; width: 80px; height: 80px; border-radius: 50%; background: lightblue; box-shadow: inset 0 0 6px white, 0 0 18px purple; cursor: pointer; opacity: .5; transition: 1s; animation: rot 6s linear infinite var(--state); }
      #player::after { position: absolute; content: ''; left: calc(50% - 10px); top: calc(50% - 10px); width: 20px; height: 20px; border-radius: 50%; background: olive; }
      #player:hover { width: 90px; height: 90px; }
      .vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; mix-blend-mode: overlay; }
      @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="tz" data-lrc="HUACHAO">
      <audio id="aud" src="https://up.mediy.cn/%E7%BE%A4%E6%98%9F%20-%20%E5%A4%9C%E4%B8%8A%E6%B5%B7_0bd3384ea3a1e40ab7755d37615c15f1.mp3" autoplay loop></audio>
      <video class="vid" src="https://up.mediy.cn/07008_4e0d57ab159f3eba3cab1883d7938d34.webm" autoplay loop muted></video>
      <div id="player" title="播放/暂停"></div>
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js/yslrc.js';
document.body.appendChild(sf);
player.style.backgroundImage = 'conic-gradient(' + 'cyan,tan,gold,transparent,teal,'.repeat(15).slice(0, -1) + ')';
var lrc = `
夜上海
詞:范煙橋
曲:陳枚
夜上海
夜上海 夜上海 你是個不夜城
華燈起 車聲響 歌舞升平
只見她 笑臉迎 誰知她內心苦悶
夜生活 都為了 衣食住行
酒不醉人 人自醉
胡天胡地 磋跎了青春
曉色朦朧 倦眼惺忪
大家歸去 心靈兒隨著車輪而轉動
換一換 新天地 別有一個新環境
回味著 夜生活 如夢初醒
酒不醉人 人自醉
胡天胡地 磋跎了青春
曉色朦朧 倦眼惺忪
大家歸去 心靈兒隨著車輪而轉動
換一換 新天地 別有一個新環境
回味著 夜生活 如夢初醒`;
</script>

红影 发表于 2026-7-8 09:37

这是外滩三件套的场景呢，歌曲好听，制作漂亮，欣赏高老师好帖{:4_187:}

梦江南 发表于 2026-7-8 12:27

歌曲好听，夜景画面美，谢谢高老师带来的好帖。{:4_199:}
页: [1]
查看完整版本: 夜上海