半壶纱

马黑黑

马黑黑

帖子代码

1. <style>
   
2. #papa {
   
3.         margin: 0 0 0 calc(50% - 681px);
   
4.         width: 1200px;
   
5.         height: 800px;
   
6.         background: url('https://638183.freep.cn/638183/t24/jpg/bjhuua.jpg') no-repeat center/cover;
   
7.         box-shadow: 3px 3px 20px #000;
   
8.         position: relative;
   
9.         z-index: 1;
   
10.         display: grid;
    
11.         place-items: center;
    
12. }
    
13. #papa video {
    
14.         position: absolute;
    
15.         width: 100%;
    
16.         height: 100%;
    
17.         object-fit: cover;
    
18.         clip-path: polygon(0 0, 90% 0, 90% 10%, 100% 10%, 100% 100%, 0 100%);
    
19.         transform: scale(-1,1);
    
20.         mix-blend-mode: screen;
    
21. }
    
22. </style>
    
23. 
    
24. <div id="papa">
    
25.         <video src="https://img.tukuppt.com/video_show/15653652/01/22/70/620f1032eee1f.mp4" muted loop></video>
    
26. </div>
    
27. 
    
28. <script>
    
29. var sf = document.createElement('script');
    
30. sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
    
31. sf.charset = 'utf-8';
    
32. document.body.appendChild(sf);
    
33. 
    
34. sf.onload = () => {
    
35.         let player = new ypP();
    
36.         player.setAudSrc('https://music.163.com/song/media/outer/url?id=2108607211');
    
37.         player.setBtnCss(`
    
38.                 width: 300px;
    
39.                 bottom: 10px;
    
40.                 opacity: .6;
    
41.                 --btnBg: url('https://638183.freep.cn/638183/web/svg/7c-umbrella.svg') no-repeat center/cover;
    
42.                 --btnSize: 50px;
    
43.         `);
    
44.         player.setLrcCss(`top: 15px; color: rgba(250,250,250,.4); --bg: url('https://638183.freep.cn/638183/small/001.jpg'); font-size: 2.0em;`);
    
45.         player.lrcAr = [ [1.8,"半壶纱",4.6], [6.37,"歌手 ：萝卜不爱吃萝卜",20.0], [26.36,"墨已入水 渡一池青花",4.9], [32.07,"揽五分红霞 采竹回家",5.4], [38.23,"悠悠风来 埋一地桑麻",5.4], [44.31,"一身袈裟 把相思放下",5.2], [50.56,"十里桃花 待嫁的年华",5.0], [56.55,"凤冠的珍珠 挽进头发",5.4], [62.78,"檀香拂过 玉镯弄轻纱",5.6], [68.79,"空留一盏 芽色的清茶",5.2], [75.04,"倘若我心中的山水 你眼中都看到",6.5], [82.1,"我便一步一莲花祈祷",4.4], [87.21,"怎知那浮生一片草 岁月催人老",6.5], [94.28,"风月花鸟 一笑尘缘了",4.5], [124.01,"十里桃花 待嫁的年华",5.0], [129.93,"凤冠的珍珠 挽进头发",5.0], [136.05,"檀香拂过 玉镯弄轻纱",5.6], [142.08,"空留一盏 芽色的清茶",5.2], [148.5,"倘若我心中的山水 你眼中都看到",6.4], [155.48,"我便一步一莲花祈祷",4.2], [160.52,"怎知那浮生一片草 岁月催人老",6.3], [167.72,"风月花鸟 一笑尘缘了",4.2], [173,"倘若我心中的山水 你眼中都看到",6.3], [179.96,"我便一步一莲花祈祷",4.3], [185.05,"怎知那浮生一片草 岁月催人老",6.4], [192.18,"风月花鸟 一笑尘缘了",4.3], [197.4,"怎知那浮生一片草 岁月催人老",6.0], [204.4,"风月花鸟 一笑尘缘了",7.0] ];
    
46. 
    
47. };
    
48. 
    
49. </script>

复制代码

小辣椒

可以回帖了吧

马黑黑

小辣椒 发表于 2024-1-11 20:45
可以回帖了吧

当然

小辣椒

发现黑黑现在也是柔情了许多，做的帖都是柔情泪的了，美女也是现身的
主要被老头影响的@东篱闲人

小辣椒

黑黑现在是超级厉害了，一天不止一个帖了

小辣椒

小辣椒起码二天完成一个作业，这咋办啊，急的

小辣椒

不过套用我是可以速度完成的

马黑黑

小辣椒 发表于 2024-1-11 20:48
黑黑现在是超级厉害了，一天不止一个帖了

这个，有了插件，随手可做。关键是，这个演示的是lrc歌词UI的图片

马黑黑

小辣椒 发表于 2024-1-11 20:49
不过套用我是可以速度完成的

理解一下就好

小辣椒

这个小彩色svg伞，我还没有做过，应该玩一次了

马黑黑

小辣椒 发表于 2024-1-11 20:48
小辣椒起码二天完成一个作业，这咋办啊，急的

马黑黑

小辣椒 发表于 2024-1-11 20:47
发现黑黑现在也是柔情了许多，做的帖都是柔情泪的了，美女也是现身的
主要被老头影响的@东篱闲人 {:4_170: ...

小辣椒

黑黑辛苦，感谢分享，明天总不会有新的了吧，小辣椒压力山大了

马黑黑

小辣椒 发表于 2024-1-11 20:51
黑黑辛苦，感谢分享，明天总不会有新的了吧，小辣椒压力山大了

有

小辣椒

看了一下代码，这个还是比较简单的，当然我指套用

朵拉

咋不用我的版本呢，扣0.5分~~

马黑黑

小辣椒 发表于 2024-1-11 20:53
看了一下代码，这个还是比较简单的，当然我指套用

用插件的基本都简单

马黑黑

朵拉 发表于 2024-1-11 20:54
咋不用我的版本呢，扣0.5分~~

我找到了，说是我资格不够

朵拉

好听，好看，待会学习哈~~