花简静 发表于 2025-2-26 22:04:27

【黑师代码】未完成的降落

<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css';
        #tz { margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 900px;background: url('https://642303.freep.cn/642303/tu/20250226jiangluo.webp') no-repeat center/cover;overflow: hidden;}
        #mplayer { width: 520px; bottom: 10px; background: none; box-shadow: none; color: snow;}
        #mplayer img { filter: invert(.8); }
        .vid { position: absolute; opacity: .45;}
        .vid1 { position: absolute; width: 100%; height: 30%; bottom:-20px;object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(transparent 20%, red 50%, red 0); pointer-events: none; opacity: 0.25; }
        #prog {--prog:         DarkGray;}
        #fsbtn { bottom: 60px; border-color: snow; color: snow;}
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=532798"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/09/25/19/57/25/video651175a502c02.mp4" autoplay loop muted></video>
        <video class="vid1" src="https://bpic.588ku.com/video_listen/588ku_preview/23/09/25/19/09/43/video65116a7746f5a.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js';
        hcplay(tz);
</script>

花简静 发表于 2025-2-26 22:04:49

<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css';
        #tz { margin: 30px 0 30px calc(50% - 851px);width: 1700px;height: 900px;background: url('https://642303.freep.cn/642303/tu/20250226jiangluo.webp') no-repeat center/cover;overflow: hidden;}
        #mplayer { width: 520px; bottom: 10px; background: none; box-shadow: none; color: snow;}
        #mplayer img { filter: invert(.8); }
        .vid { position: absolute; opacity: .45;}
        .vid1 { position: absolute; width: 100%; height: 30%; bottom:-20px;object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(transparent 20%, red 50%, red 0); pointer-events: none; opacity: 0.25; }
        #prog {--prog:         DarkGray;}
        #fsbtn { bottom: 60px; border-color: snow; color: snow;}
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=532798"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/09/25/19/57/25/video651175a502c02.mp4" autoplay loop muted></video>
        <video class="vid1" src="https://bpic.588ku.com/video_listen/588ku_preview/23/09/25/19/09/43/video65116a7746f5a.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js';
        hcplay(tz);
</script>

花简静 发表于 2025-2-26 22:05:24

我再去研究一下头像怎么换。:lol

圊圊淥詶 发表于 2025-2-26 22:34:31

花简静 发表于 2025-2-26 22:05
我再去研究一下头像怎么换。

觉得应该是浏览器的问题，应该是少了什么插件吧，
再试试呗，如果不行就留言，~~

玫の玫 发表于 2025-2-27 09:22:36

静静真好，给我们留下了代码，谢谢静静！{:1_155:}{:1_155:}

玫の玫 发表于 2025-2-27 09:31:18

静静这图图，灰白黑滴色彩传递出一种神秘~~

玫の玫 发表于 2025-2-27 09:32:16

码字漂亮，图意感觉很深奥啊！

玫の玫 发表于 2025-2-27 09:34:03

感谢静静带来精彩，制图辛苦了，送花花 {:1_155:}{:1_155:}

绿蔷薇 发表于 2025-2-27 11:46:42

欢迎花简静友友
祝在云荷玩的开心

绿蔷薇 发表于 2025-2-27 11:48:47

这样的哥特风很有特色
二个人物场景，有一种时空交错的感觉
给人黑暗、空灵、神秘之感~~~~
页: [1] 2 3 4
查看完整版本: 【黑师代码】未完成的降落