东篱闲人 发表于 2025-5-8 10:09

【东篱音画】一曲相思赋予谁


<style>
      #tz { --state: running; margin: 30px 0; left: calc(58% - 81px); transform: translateX(-50%);width: clamp(600px, 90vw, 1400px); min-height: 80vh; aspect-ratio: 16/9; background: #666 url('https://pic1.imgdb.cn/item/681c008f58cb8da5c8e3ea26.jpg') no-repeat center/cover; box-shadow: 2px 2px 10px rgba(0,0,0,.65); z-index: 1; position: relative; }
      #player { position: absolute; left: 3%; top: 2%; z-index: 9; clip-path: circle(45%); transition: filter .7s; cursor: pointer; animation: rot 12s infinite linear var(--state); }
      #player:hover { filter: hue-rotate(120deg); }
      #btnFs { left: 4.5%; top: 22%; width: 5%; color: #eee; text-align: center; }
      #btnFs:hover { color: red; }
      @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="tz">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=26145725" autoplay loop></audio>
      <img id="player" src="https://pic1.imgdb.cn/item/681c046558cb8da5c8e3f07b.png" width="30%" title="播放/暂停" />
</div>

东篱闲人 发表于 2025-5-8 10:11

试试黑黑这个《飞升》代码。。。{:4_176:}

红影 发表于 2025-5-9 13:22

这个画面漂亮，播放器按钮也别致。欣赏东篱大哥好帖{:4_199:}

红影 发表于 2025-5-9 13:23

这个播放器按钮点击没反应啊，无法暂停歌曲呢{:4_173:}

东篱闲人 发表于 2025-5-9 19:49

红影 发表于 2025-5-9 13:23
这个播放器按钮点击没反应啊，无法暂停歌曲呢

咱这改革了，那不是按钮，也不让按。。。{:4_181:}

东篱闲人 发表于 2025-5-9 19:51

红影 发表于 2025-5-9 13:23
这个播放器按钮点击没反应啊，无法暂停歌曲呢

你别瞎按啊，按坏了让你赔。。。{:4_172:}

红影 发表于 2025-5-9 21:43

东篱闲人 发表于 2025-5-9 19:49
咱这改革了，那不是按钮，也不让按。。。

哦哦，就是个效果吧，但是看到转动的图图总忍不住点击啊{:4_173:}

红影 发表于 2025-5-9 21:44

东篱闲人 发表于 2025-5-9 19:51
你别瞎按啊，按坏了让你赔。。。

这么大的图图，使劲点也点不坏{:4_172:}

东篱闲人 发表于 2025-5-10 11:49

红影 发表于 2025-5-9 21:44
这么大的图图，使劲点也点不坏

让你赔钱，讹死你。。。{:4_172:}

红影 发表于 2025-5-10 14:32

东篱闲人 发表于 2025-5-10 11:49
让你赔钱，讹死你。。。

老美就这样，向全世界讹钱呢，但也不可能全被它讹到{:4_173:}
页: [1]
查看完整版本: 【东篱音画】一曲相思赋予谁