银临 - 眉南边

马黑黑

马黑黑

代码

1. <style>
   
2. #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t24/jpg/mwnjbm.jpg') no-repeat center/cover, radial-gradient(orange,black,blue); background-blend-mode: difference; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; z-index: 1; }
   
3. #papa video { position: absolute; left: -60px; bottom: 0; transform: rotateY(180deg); width: 600px; height: 360px; object-fit: cover; clip-path: ellipse(300px 180px at center); mix-blend-mode: screen; opacity: .85; }
   
4. </style>
   
5. 
   
6. <div id="papa">
   
7.     <video src="https://img.tukuppt.com/video_show/2418175/01/29/77/62a74f69d75af.mp4" muted loop></video>
   
8. </div>
   
9. 
   
10. <script>
    
11. let sf = document.createElement('script');
    
12. sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
    
13. sf.charset = 'utf-8';
    
14. document.body.appendChild(sf);
    
15. 
    
16. sf.onload = () => {
    
17.         let player = new ypP();
    
18.         player.setAudSrc('https://music.163.com/song/media/outer/url?id=1998355620');
    
19.         player.setBtnCss(`
    
20.                 width: 300px;
    
21.                 left: 20px;
    
22.                 bottom: 10px;
    
23.                 --btnBg: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') no-repeat center/cover;
    
24.                 --trackBg: transparent;
    
25.                 --progBg: rgba(10,10,160,0.45);
    
26.                 --btnSize: 50px;
    
27.         `);
    
28.         player.setLrcCss('left: 20px; top: 15px; color: rgba(256,560,560,.7); --bg: rgba(200,106,56,0.75); font-size: 2.0em;'); player.lrcAr = [ [0,"离地十公分·A面·眉南边",1], [1.44,"去 同去 忙忙人间",3.5], [5.47,"眼 北面 山重山",3.0], [8.86,"来 取来 风月消遣",2.7], [11.84,"眉南烟锁烟",2.6], [15.33,"春与青春同照面",2.8], [18.42,"山与眉山隔不远",2.8], [21.9,"沧海横斜云雨偏",3.0], [25.12,"与高楼垂珠帘",2.7], [28.67,"折下镜花描水月",2.8], [32.03,"邀揽诗书画神仙",2.7], [35.03,"记我 压群芳 逞娇艳",6.0], [42.17,"琉璃灯盏 酒泼纱幔",3.4], [45.78,"歌啊 笑啊 摇鬓边",2.8], [48.94,"真是荒唐 假是缠绵",3.4], [52.37,"揉乱琵琶弦",3.0], [55.73,"烛星万点 春风一扇",3.3], [59.17,"遮颜 遮眼 看不见",3.1], [62.48,"王孙公子 多情少年",3.2], [65.86,"谁在眉南边",3.2], [82.93,"一碗红尘一盏烟",2.8], [86.08,"冷暖交杯是流年",2.8], [89.53,"千金笑许千千愿",3.0], [92.76,"与万事做姻缘",2.9], [96.3,"欢喜冤家不相见",3.0], [99.62,"恩爱夫妻近至远",2.8], [102.81,"不如 且看淡 且留连",5.7], [109.81,"琉璃灯盏 酒泼纱幔",3.3], [113.41,"歌啊 笑啊 摇鬓边",2.8], [116.55,"真是荒唐 假是缠绵",3.4], [120,"揉乱琵琶弦",3.0], [123.35,"烛星万点 春风一扇",3.1], [126.74,"遮颜 遮眼 看不见",3.0], [130.14,"王孙公子 多情少年",3.2], [133.47,"谁在眉南边",3.0], [137.5,"梦中思愁闹了金銮殿",2.5], [140.01,"思凡烧了伽蓝院",1.4], [141.66,"不拜奈何天",2.2], [144.11,"今朝锁 明朝链",1.5], [145.84,"如何满 如何圆",1.3], [147.11,"终须 有人惦念有人牵",3.4], [150.89,"谁知风情不在杨柳岸",2.4], [153.42,"风光不在桃花源",1.7], [155.09,"皆在人世间",2.0], [157.57,"孤单苦 爱恨甜",1.5], [159.09,"眉南一双思梦眼",1.9], [160.96,"千山万水应看遍",2.2], [163.78,"与风同雅 与月婵娟",3.4], [167.27,"与海多情与山眠",3.1], [170.64,"百岁难老 百味无邪",3.2], [174.08,"流光总新鲜",2.8], [177.38,"市巷招展 春秋漫卷",3.3], [180.79,"折腰 折煞 第一眼",3.2], [184.14,"采撷花雪 逃奔风月",3.4], [187.53,"人去眉南边",3.0] ];
    
29. };
    
30. </script>

复制代码

红影

这个背景混合弄得漂亮，视频的裁剪也漂亮。歌曲好听，这个好像还是高品质音乐呢。
欣赏黑黑好帖

红影

径向渐变用在图图里也很好看呢，让图图有了别样的意味，漂亮

红影

黑黑又带来了新的效果运用

梦油

图中的美女十分清秀，配上这样轻松并且韵味浓郁的歌曲，更增添了《银临-眉南边》的魅力。

起个网名好难

                               
登录/注册后可看大图

马黑黑

起个网名好难 发表于 2024-1-18 17:00

感谢支持。晚上好

马黑黑

梦油 发表于 2024-1-18 16:57
图中的美女十分清秀，配上这样轻松并且韵味浓郁的歌曲，更增添了《银临-眉南边》的魅力。

你的点评很是精彩！谢谢！

马黑黑

红影 发表于 2024-1-18 14:29
这个背景混合弄得漂亮，视频的裁剪也漂亮。歌曲好听，这个好像还是高品质音乐呢。
欣赏黑黑好帖

银临的名气也不是太差的

马黑黑

红影 发表于 2024-1-18 14:31
径向渐变用在图图里也很好看呢，让图图有了别样的意味，漂亮

这里和前面介绍的背景混合示例恰好是反过来的：渐变是作为融合层，图片顶层。

马黑黑

醉美水芙蓉 发表于 2024-1-18 19:00
欣赏黑黑老师极品音画！

晚上嚎

红影

马黑黑 发表于 2024-1-18 18:17
银临的名气也不是太差的

是呢，歌曲很好听

红影

马黑黑 发表于 2024-1-18 18:19
这里和前面介绍的背景混合示例恰好是反过来的：渐变是作为融合层，图片顶层。

是的，先是图片，然后是径向渐变，所以图图在上

侃大山

漂亮

侃大山

又是有奖的，来得早不如来得巧

侃大山

最喜欢拿钱了

侃大山

把钱都拿掉

侃大山

不给别人留