小雨的心 发表于 2025-1-26 12:01:07

【小雨音画】夜是克莱因蓝的忧伤

<style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 871px);width: 1600px;height: 900px; background: black url('https://xiaoyudexin.oss-cn-beijing.aliyuncs.com/20/qiansan/qianshan.jpg') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(90% - 228px); top: calc(40% - 70px); filter: hue-rotate(60deg); }
    #player:hover { filter: hue-rotate(30deg); transition: .7s; }
    #prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: SaddleBrown; --color: snow; }
    #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86; }
    #vid { position: absolute; width: 100%; height: 110%; object-fit: cover; top:-80px; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);pointer-events: none; opacity: .75;}
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1900190434.mp3"></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/35/5b418ce398ec3.mp4" autoplay loop muted></video>
    <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
    <img id="player" class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
    <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

<script type="module">
    import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci = [
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      
];
    var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
    var audio = new Aud(mDatas);
    audio.play();
</script>

紫雨琦琦 发表于 2025-1-26 15:28:03

很酷嘀图图，稀饭宝总胡歌:P

欧阳风刀 发表于 2025-1-26 21:46:47

这哥们挺帅哈。:lol

欧阳风刀 发表于 2025-1-26 21:48:36

{:7_182:}色调，意境，排版，很精彩！

欧阳风刀 发表于 2025-1-26 21:48:50

小雨新年快乐！{:1_155:}

玫の玫 发表于 2025-1-26 22:25:10

欣赏小雨精彩单图，点赞送花！{:1_155:}

浅唱 发表于 2025-1-27 15:16:32

听着歌赏着图
又一年即将结束
远方的你可好
页: [1]
查看完整版本: 【小雨音画】夜是克莱因蓝的忧伤