小辣椒 发表于 2025-4-30 21:25

爱你无罪（Live 合唱版） TO：冬雨


<style>
        @import 'https://638183.freep.cn/638183/web/ku/hc_player3in1.css';
        #papa { margin: 120px 0; left: calc(50% - 81px); transform: translateX(-50%); width: clamp(600px, 90vw, 1600px); height: auto; aspect-ratio: 16/9; background: #000 url('https://xlaj.cn/upfile/2025/04/17/14.jpg') no-repeat center/cover; animation: flashing .2s linear infinite alternate var(--state); }
#lrcDiv {writing-mode: vertical-rl; top: 15%; left: 5%; left; font:normal 2.0em Microsoft YaHei; color: #fff; --hlcolor: #eee;}
.vid{position: absolute;width:50%;height: 50%;right:28%; top:150px;object-fit: cover; pointer-events: none;
mix-blend-mode: screen;z-index: 2;
-webkit-mask: radial-gradient(circle,silver, Khaki, cyan, transparent,transparent,transparent);
}
        #mplayer { bottom:50px; left: 38%;--track: #fff;--prog: OliveDrab;}
        #fsbtn {top: 20px; color: Thistle; border-color: Thistle; }       
        @keyframes flashing {
                0% { filter: brightness(.5); }
                100% { filter: brightness(1); }
        }
</style>
<div id="papa" class="pa">
        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/1514-audiofreehighqps/65/2F/GMCoOR4IjYjpACAAAAI6d0T0.mp3" autoplay loop></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_preview/19/04/19/14/38/07/video5cb96ccfb4f1a.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';       
        var lzConfig = {
                papa: '#papa',
                total: 50,
                size: {width: 5, height: 5},
                shape: {background: 'Yellow', borderRadius: '50% 0'},
                ani: 'toBottom',
                maxTime: 40,
                offset: {x: -200, y: -200}
        };
        h5lz(lzConfig);
var geci = [
,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
hcplay(papa, geci );
fscreen.fs(pa, fsbtn);
</script>

小辣椒 发表于 2025-4-30 21:26

@冬天的雨

谢谢冬雨的礼物，欣赏你非常漂亮的制作，小辣椒今天用这个作业当回礼了{:4_205:}

冬雨这个也是可以套用玩一次的

红影 发表于 2025-4-30 21:31

亲爱的把粒子弄得很漂亮，还加了歌词。这个帖子太美了。
冬小雨收礼开心{:4_199:}

小辣椒 发表于 2025-4-30 21:31

@马黑黑

黑黑这个粒子加闪动效果很漂亮，小辣椒加了个歌词进去，就是歌词高亮的代码--hlcolor:修改了没有用

粒子数我减少了一点，发现深颜色背景闪动效果明显，也是漂亮一点

红影 发表于 2025-4-30 21:32

还加了热情似火。发现暗色的背景做闪动特别漂亮。
给亲爱的点赞{:4_204:}

小辣椒 发表于 2025-4-30 21:33

红影 发表于 2025-4-30 21:31
亲爱的把粒子弄得很漂亮，还加了歌词。这个帖子太美了。
冬小雨收礼开心

亲爱的，你速度的，我还在回帖{:4_173:}

杨帆 发表于 2025-4-30 21:33

谢谢小辣椒精彩分享，祝冬雨收礼开心{:4_191:}

小辣椒 发表于 2025-4-30 21:35

红影 发表于 2025-4-30 21:32
还加了热情似火。发现暗色的背景做闪动特别漂亮。
给亲爱的点赞

这个闪动背景效果特别好，昨天看不清楚，在帖里面问了，看见黑黑说是代码特效，我就想一定要玩一次了

走过岁月 发表于 2025-4-30 21:37

来欣赏小辣椒的作品，很棒

小辣椒 发表于 2025-4-30 21:41

走过岁月 发表于 2025-4-30 21:37
来欣赏小辣椒的作品，很棒

啊~~~岁月看见你了，这个是以前你的AE制作的动图，现在改jpg玩了

小辣椒 发表于 2025-4-30 21:41

杨帆 发表于 2025-4-30 21:33
谢谢小辣椒精彩分享，祝冬雨收礼开心

问好杨帆，谢谢欣赏

樵歌 发表于 2025-4-30 21:56

爱你无罪，心里无悔，冬小雨呀，赶紧来相会{:4_170:}

小辣椒 发表于 2025-4-30 22:17

樵歌 发表于 2025-4-30 21:56
爱你无罪，心里无悔，冬小雨呀，赶紧来相会

哈哈，樵哥哥，这个只是歌曲的名称{:4_170:}

马黑黑 发表于 2025-4-30 22:57

小辣椒 发表于 2025-4-30 21:31
@马黑黑

黑黑这个粒子加闪动效果很漂亮，小辣椒加了个歌词进去，就是歌词高亮的代码--hlcolor:修改了 ...

这个是花朝格式的同步，它没有启用 --hlcolor 这个变量

红影 发表于 2025-4-30 22:57

小辣椒 发表于 2025-4-30 21:33
亲爱的，你速度的，我还在回帖

正好看到，就赶紧欣赏了，亲爱的这个特别漂亮{:4_199:}

红影 发表于 2025-4-30 22:58

小辣椒 发表于 2025-4-30 21:35
这个闪动背景效果特别好，昨天看不清楚，在帖里面问了，看见黑黑说是代码特效，我就想一定要玩一次了

亲爱的背景选得好，让闪动效果特别突出呢{:4_187:}

樵歌 发表于 2025-5-1 12:14

小辣椒 发表于 2025-4-30 22:17
哈哈，樵哥哥，这个只是歌曲的名称

歌儿的中情感可是反映了你们的心声吖{:4_172:}

绿叶清舟 发表于 2025-5-1 20:41

辣椒这个闪动效果漂亮啊

梦江南 发表于 2025-5-4 08:13

这个闪动背景效果特别好，漂亮！
页: [1]
查看完整版本: 爱你无罪（Live 合唱版） TO：冬雨