醉美水芙蓉 发表于 前天 21:44

青花瓷


<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 30px 0 30px calc(50% - 593px); background: black url('https://pic.imgdb.cn/item/673ffd0bd29ded1a8c988092.jpg') no-repeat center/ cover; }
        #player { left: calc(84% - 125px); top: calc(38.3% - 120px); filter: hue-rotate(90Blue); }
        #player:hover { filter: hue-rotate(180deg); transition: .7s; }
        #prog { bottom: 20px; width: 280px; --bg1: lightgreen; --bg2: green; --color: lightgreen; }
        #lrc { bottom: 50px; --bg: linear-gradient(rgba(0,128,0,.25),rgba(0,128,0,.75)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
</style>

<div id="mama" class="pa">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=259138.mp3"></audio>
        <video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/15/12/46/video63660cee858f0.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/673ffb0bd29ded1a8c971144.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>

klxf 发表于 昨天 00:03

漂亮！立意、布局、色彩、背景、小播等挥然一体，谢谢醉美管理员精彩分享:)

醉美水芙蓉 发表于 昨天 07:02

klxf 发表于 2024-11-23 00:03
漂亮！立意、布局、色彩、背景、小播等挥然一体，谢谢醉美管理员精彩分享 ...

问好友友！谢谢友友支持！
页: [1]
查看完整版本: 青花瓷