朵拉 发表于 2025-3-7 20:23

英雄的黎明（学习马黑黑燃烧效果）

本帖最后由 朵拉 于 2025-3-7 20:30 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
    #tz { --bottom: 100%; margin: 30px 0 30px calc(50% - 593px); background: url('https://pic1.imgdb.cn/item/67cae32c066befcec6e0634b.jpg') no-repeat center/cover; overflow: hidden; }
    #tz:hover { --bottom: 10px; }
    @media screen and (max-width: 1025px) { #tz { transform: scale(.9); } }
    #mplayer { width: 40%; bottom: var(--bottom); background: grey; box-shadow: none; color: snow; }
    #mplayer img { filter: invert(.8); }
    #fsbtn { bottom: var(--bottom); left: 20px; border-color: snow; color: snow; }
    video:nth-of-type(2) { opacity: 0.5; }
</style>

<div id="tz" class="pa">
    <audio id="aud" src="https://cccimg.com/view.php/4145496d0ac1661eb617e27d6a6ec416.mp3" autoplay="" loop=""></audio>
   
    <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/08/49/23/video63631013399ed.mp4" autoplay loop muted></video>
    <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/09/13/12/05/52/video66e3ba20be292.mp4" autoplay loop muted></video>
</div>

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

朵拉 发表于 2025-3-7 20:24

@马黑黑
老师 晚上好，学生依葫芦画瓢了，请指正{:4_190:}

绿叶清舟 发表于 2025-3-7 21:38

朵拉好快啊，制作漂亮

红影 发表于 2025-3-7 21:57

制作漂亮，欣赏朵宝好帖{:4_204:}

梦江南 发表于 2025-3-8 08:01

漂亮的制作，欣赏点赞！{:4_199:}
页: [1]
查看完整版本: 英雄的黎明（学习马黑黑燃烧效果）