渡今宵（马黑黑原创）
本帖最后由 朵拉 于 2024-6-16 22:18 编辑 <br /><br /><style>#mydiv { margin: 30px 0 30px calc(50% - 721px); width: 1280px; height:750px; background: url('https://pic.imgdb.cn/item/666d9825d9c307b7e964a518.jpg') no-repeat 0/cover; border: thick inset tan; overflow: hidden; transition: 1s; z-index: 1; user-select: none; position: relative; }
.vid { position: absolute; object-fit: cover; }
.vid:nth-of-type(1) { bottom: 0; width: 100%; height: calc(100% + 0px); transform: rotateX(180deg) rotateY(180deg); mix-blend-mode: darken; }
.vid:nth-of-type(2) { top: 630px; left: 620px; width: 100px; height: 100px; border-radius: 50%; cursor: pointer; filter: drop-shadow(0 0 50px snow); transform-origin: 50% 100%; transition: 2s; }
.vid:nth-of-type(2):hover { transform: scale(1.5); }
</style>
<div id="mydiv">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2160757978" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/17/44/5ec490dd620e4.mp4" loop muted disablePictureinPicture></video>
<video class="vid" id="vbtn" src="https://img.tukuppt.com/video_show/2475824/00/08/39/5d21bd8878094.mp4" autoplay loop muted disablePictureinPicture></video>
</div>
<script>
(function() {
const sFile = document.createElement('script');
sFile.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);
sFile.onload = () => {
LRC({
papa: '#mydiv',
lrcAr: lrcAr,
btn: '#vbtn',
lrc_css: 'left: 50%; top: 20px; transform: translate(-50%); color: rgba(255,255,255,.5); --bg: linear-gradient(rgba(0,0,0,.4), rgba(315,0,0,.6))',
});
};
mydiv.oncontextmenu = (e) => e.preventDefault();
const lrcAr = [,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
})();
</script> @马黑黑
老师 晚上好，学生交作业，请您指正{:4_190:}
另：背景视频找不到更好的，就用了您的花瓣雨，
可能不是很适配，不过歌曲很好听哈~~ 漂亮，欣赏朵宝好帖{:4_204:} 欣赏佳作，问候朵拉。
页:
[1]