岩新新 发表于 2025-9-30 12:46

三叶草-你的万水千山(DJ版)

本帖最后由 岩新新 于 2025-9-30 12:50 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2371061">
<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg: url('https://webftp-bbs.hnol.net/yx2021/CR19/6.jpg') no-repeat center/cover; --ma-size: 10%; }
        #btnFs { right: 47%;bottom: 20px;   color: #999; border-color: currentColor!important; }
        #prog { position: absolute; left: 550px;top:50%;   width: var(--ma-size); cursor: pointer; filter: hue-rotate(407deg) opacity(.6); }
        #ma {left: 550px;top:28%;border-radius: 50%; }
        #lrc {right: 10%;top: 100px; letter-spacing: 4px; writing-mode: vertical-rl; font:normal 2.0em Microsoft YaHei; sans-serif; color:DarkKhaki;}
        #lrc::before { width: 100%; height: 0; background: url('https://webftp-bbs.hnol.net/yx2021/CR17/bhs.jpg') center; background-clip: text;-webkit-background-clip: text; }
          @keyframes cover1 { from { height: 0; }to { height: 100%; } }
          @keyframes cover2 { from { height: 0; }to { height: 100%; } }
            #dt2{ position: absolute; width:120px; height: 106px; top: 85px; left: 484px; }

          .vid { mixed-blend-mode: screen; opacity: .30}
        #msvg line { stroke-dasharray: 4 8; stroke-dashoffset: 100%; animation: move 2s linear infinite alternate var(--state); }
        @keyframes move { to { stroke-dashoffset: 0; } }
</style>
      <div id="pa">
               
        <audio id="audio" src="https://webftp-bbs.hnol.net/yx2021/CR19/JDG.m4a" autoplay loop></audio>
        <video class="pd-vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/14/10/14/video6365fe4600974.mp4" autoplay loop muted></video>
        <img id="ma" class="hue-rotate" src="https://file.uhsea.com/2509/5733dcb6315e48f39d09ac9345e72346CV.png" alt="" />
      </div>
      <script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
        var geci = [,
      ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
      ['225.07', '',4.5]];
          FS(pa, ma);
          lrc(pa, geci);
      </script>
      </td></tr></table>

红影 发表于 2025-9-30 22:20

漂亮的制作。欣赏新新好帖，很赞{:4_199:}

小辣椒 发表于 2025-10-1 14:21

岩新这个套用玩做的漂亮的，加油，黑黑老师的教程去看看，熟息代码了就会做了，尽量直接套用黑黑的教程代码，老师下面的备注提示看懂你就会自己修改了
页: [1]
查看完整版本: 三叶草-你的万水千山(DJ版)