醉美水芙蓉 发表于 2024-12-7 22:16:54

余生且行且珍惜

<style>
        @import 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.css';
        #tz { margin: 60px 0 30px calc(50% - 721px); width: 1280px; height: 720px; background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/a292e5ea9451506d79b1ccdebc09ad43_preview.jpg') no-repeat center/cover; overflow: hidden; border-radius: 16px; }
        #mplayer { --tx: 0; --ppNum: 84; --ppBg: darkorange; --ppLen: 1px; --ppCap: orange; --prog: red; --track: silver; bottom: 180px; color: gold; left: 16%; top: 30%; }
        #pic1 { position: absolute; bottom: 9%; right: 28%; width: 420px; height: 252px; transform-origin: 50%100%; opacity: 0.95; animation: luotuo 2.6s linear infinite alternate var(--state); }
        #mplayer:hover { filter: hue-rotate(320deg); }
        #fsbtn { bottom: 20px; color: orange; border-color: orange; }
       #lrc {bottom: 50px; left: 43%;font:normal 2.0em Microsoft YaHei;--bg: linear-gradient(rgba(138,43,226,.15),rgba(138,43,226,.25)); }
.vid {width: 100%; }
    .vid:nth-of-type(1) { top: -65px; height: calc(100% + 120px); }
    .vid:nth-of-type(2) { left: 80%; top: 3%; width: 240px; height: 240px; border-radius: 50%; -webkit-mask: radial-gradient(red 20%, transparent); opacity: 0.35; }
        @keyframes luotuo { to { transform: skew(5.5deg) translateY(30px);} }
</style>

<div id="tz" class="pa">
        <audio src="https://www.joy127.com/url/118227.mp3"></audio>
        <video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/14/5e1bc0dd9681b_10s_big.mp4" autoplay loop muted></video>
        <video class="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/9bdba971eb919100f341a19a2675902b_preview.mp4" autoplay loop muted></video>
      
       <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

        hcplay(tz, geci);
        fscreen.fs(tz, fsbtn);
</script>

klxf 发表于 2024-12-8 13:44:27

漂亮！谢谢醉美管理员精彩分享:)

醉美水芙蓉 发表于 2024-12-8 14:46:07

klxf 发表于 2024-12-8 13:44
漂亮！谢谢醉美管理员精彩分享

谢谢友友支持鼓励！
页: [1]
查看完整版本: 余生且行且珍惜