朵拉 发表于 2025-5-2 22:30

Soft Deep（学习马黑黑黑暗战役效果）

<style>
        @import 'https://638183.freep.cn/638183/web/ku/hc_player3in1.css';
        #papa { margin: 30px 0; left: calc(50% - 81px); transform: translateX(-50%); width: clamp(600px, 90vw, 1600px); height: auto; aspect-ratio: 16/9; background: #000 url('https://pic1.imgdb.cn/item/6814cd4d58cb8da5c8d6fefd.jpg') no-repeat center/cover; animation: flashing .2s linear infinite alternate var(--state); }
        #mplayer { bottom: 20px; }
        #fsbtn { top: 30px; }
        .vid { opacity: .5; }
        @keyframes flashing {
                0% { filter: brightness(.5); }
                100% { filter: brightness(1); }
        }
</style>

<div id="papa" class="pa">
        <audio id="aud" src="https://cccimg.com/view.php/91f96684618670ee6f89fe27028d894c.mp3" autoplay="" loop=""></audio>
       
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/10/06/39/video6365c52f94302.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hc_player3in1.js';
        import { h5lz } from 'https://638183.freep.cn/638183/web/ku/h5lz.js';
        hcplay(papa);
        var lzConfig = {
                papa: '#papa',
                total: 90,
                size: {width: 10, height: 10},
                shape: {background: '#f6f1e7', borderRadius: '50% 0'},
                ani: 'toBottom',
                maxTime: 40,
                offset: {x: -200, y: -200}
        };
        h5lz(lzConfig);
</script>

朵拉 发表于 2025-5-2 22:32

@马黑黑
老师好 节日快乐，学生交作业，请指正{:4_190:}

红影 发表于 2025-5-3 09:18

漂亮，欣赏朵宝好帖{:4_187:}

梦江南 发表于 2025-5-3 15:12

欣赏老师佳作，问好。{:4_199:}

马黑黑 发表于 2025-5-3 21:57

{:4_199:}
页: [1]
查看完整版本: Soft Deep（学习马黑黑黑暗战役效果）