半壶纱
<style>#papa {
margin: 0 0 0 calc(50% - 681px);
width: 1200px;
height: 800px;
background: url('https://638183.freep.cn/638183/t24/jpg/bjhuua.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
position: relative;
z-index: 1;
display: grid;
place-items: center;
}
#papa video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
clip-path: polygon(0 0, 90% 0, 90% 10%, 100% 10%, 100% 100%, 0 100%);
transform: scale(-1,1);
mix-blend-mode: screen;
}
</style>
<div id="papa">
<video src="https://img.tukuppt.com/video_show/15653652/01/22/70/620f1032eee1f.mp4" muted loop></video>
</div>
<script>
var sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);
sf.onload = () => {
let player = new ypP();
player.setAudSrc('https://music.163.com/song/media/outer/url?id=2108607211');
player.setBtnCss(`
width: 300px;
bottom: 10px;
opacity: .6;
--btnBg: url('https://638183.freep.cn/638183/web/svg/7c-umbrella.svg') no-repeat center/cover;
--btnSize: 50px;
`);
player.setLrcCss(`top: 15px; color: rgba(250,250,250,.4); --bg: url('https://638183.freep.cn/638183/small/001.jpg'); font-size: 2.0em;`);
player.lrcAr = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
};
</script>
帖子代码
<style>
#papa {
margin: 0 0 0 calc(50% - 681px);
width: 1200px;
height: 800px;
background: url('https://638183.freep.cn/638183/t24/jpg/bjhuua.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
position: relative;
z-index: 1;
display: grid;
place-items: center;
}
#papa video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
clip-path: polygon(0 0, 90% 0, 90% 10%, 100% 10%, 100% 100%, 0 100%);
transform: scale(-1,1);
mix-blend-mode: screen;
}
</style>
<div id="papa">
<video src="https://img.tukuppt.com/video_show/15653652/01/22/70/620f1032eee1f.mp4" muted loop></video>
</div>
<script>
var sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);
sf.onload = () => {
let player = new ypP();
player.setAudSrc('https://music.163.com/song/media/outer/url?id=2108607211');
player.setBtnCss(`
width: 300px;
bottom: 10px;
opacity: .6;
--btnBg: url('https://638183.freep.cn/638183/web/svg/7c-umbrella.svg') no-repeat center/cover;
--btnSize: 50px;
`);
player.setLrcCss(`top: 15px; color: rgba(250,250,250,.4); --bg: url('https://638183.freep.cn/638183/small/001.jpg'); font-size: 2.0em;`);
player.lrcAr = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
};
</script>
可以回帖了吧{:4_173:} 小辣椒 发表于 2024-1-11 20:45
可以回帖了吧
当然 发现黑黑现在也是柔情了许多，做的帖都是柔情泪的了，美女也是现身的
主要被老头影响的@东篱闲人 {:4_170:} 黑黑现在是超级厉害了，一天不止一个帖了 小辣椒起码二天完成一个作业，这咋办啊，急的 不过套用我是可以速度完成的 小辣椒 发表于 2024-1-11 20:48
黑黑现在是超级厉害了，一天不止一个帖了
这个，有了插件，随手可做。关键是，这个演示的是lrc歌词UI的图片 小辣椒 发表于 2024-1-11 20:49
不过套用我是可以速度完成的
理解一下就好 这个小彩色svg伞，我还没有做过，应该玩一次了 小辣椒 发表于 2024-1-11 20:48
小辣椒起码二天完成一个作业，这咋办啊，急的
{:4_172:} 小辣椒 发表于 2024-1-11 20:47
发现黑黑现在也是柔情了许多，做的帖都是柔情泪的了，美女也是现身的
主要被老头影响的@东篱闲人 {:4_170: ...
{:4_181:} 黑黑辛苦，感谢分享，明天总不会有新的了吧，小辣椒压力山大了 小辣椒 发表于 2024-1-11 20:51
黑黑辛苦，感谢分享，明天总不会有新的了吧，小辣椒压力山大了
有 看了一下代码，这个还是比较简单的，当然我指套用{:4_170:} 咋不用我的版本呢，扣0.5分~~{:4_173:} 小辣椒 发表于 2024-1-11 20:53
看了一下代码，这个还是比较简单的，当然我指套用
用插件的基本都简单 朵拉 发表于 2024-1-11 20:54
咋不用我的版本呢，扣0.5分~~
我找到了，说是我资格不够{:4_170:} 好听，好看，待会学习哈~~{:4_190:}