绿叶清舟 发表于 2025-1-13 22:17

祝福朵拉生日快乐


<style>
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 673px); width: 1200px;
        height: 680px;background: url('https://p.upyun.com/demo/tmp/K2xnCHcP.webp') no-repeat center/cover; }
        #fsbtn { top: 20px; }
        #lrc { bottom: 20px; }
        #mplayer { left: 100px; width: 240px; height: 240px; display: grid; place-items: center; }
        .feather { position: absolute; width: 40px; height: 120px; background: url('https://p.upyun.com/demo/tmp/FGHz1wpv.webp') no-repeat center/cover; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1963443271"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/02/27/14/43/20/video63fc51087193b.mp4" autoplay loop muted></video>
       
        <div id="mplayer" class="mplayer"></div>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var lrcAr = [];
        var total = 9, a = 360 / total;
        for(var i = 0; i < total; i++) {
                var f = document.createElement('span');
                f.className = 'feather';
                f.style.cssText += `transform: rotate(${i * a}deg) translateY(-60px);`;
                mplayer.appendChild(f);
        }
        hcplay(tz, lrcAr);
        fscreen.fs(tz, fsbtn);
</script>

红影 发表于 2025-1-13 22:56

这个背景好美，生日蜡烛的复合小播也好漂亮。
清舟是色彩大师，这个帖子的颜色好美的{:4_199:}

红影 发表于 2025-1-13 22:56

借清舟好帖，同祝朵宝生日快乐{:4_199:}{:4_177:}

马黑黑 发表于 2025-1-13 23:00

{:4_199:}

起个网名好难 发表于 2025-1-14 06:23

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

小九 发表于 2025-1-14 08:27

整个画面背景都是巧克力色的，太诱人了，祝朵拉生日快乐！{:4_187:}{:5_166:}

樵歌 发表于 2025-1-14 08:52

嗯有洋味{:4_178:}

梦油 发表于 2025-1-14 09:14

朵拉朋友生日快乐！

朵拉 发表于 2025-1-14 15:20

漂亮的制作，谢谢清舟版 么么哒{:4_204:}

绿叶清舟 发表于 2025-1-14 21:00

红影 发表于 2025-1-13 22:56
这个背景好美，生日蜡烛的复合小播也好漂亮。
清舟是色彩大师，这个帖子的颜色好美的

正想去找用啥效果的，突然想到蜡烛

绿叶清舟 发表于 2025-1-14 21:00

朵拉 发表于 2025-1-14 15:20
漂亮的制作，谢谢清舟版 么么哒

朵拉晚上好，生日快乐{:5_166:}

绿叶清舟 发表于 2025-1-14 21:00

小九 发表于 2025-1-14 08:27
整个画面背景都是巧克力色的，太诱人了，祝朵拉生日快乐！

流口水了没{:4_189:}

绿叶清舟 发表于 2025-1-14 21:01

樵歌 发表于 2025-1-14 08:52
嗯有洋味

九说 是巧克力味{:4_189:}

红影 发表于 2025-1-14 22:21

绿叶清舟 发表于 2025-1-14 21:00
正想去找用啥效果的，突然想到蜡烛

而且蜡烛也挺适合生日氛围的，真好{:4_187:}

樵歌 发表于 2025-1-15 14:32

绿叶清舟 发表于 2025-1-14 21:01
九说 是巧克力味

对嘛，巧克力不是洋货吗{:4_189:}
页: [1]
查看完整版本: 祝福朵拉生日快乐