欢颜（云裳） 发表于 2025-4-11 21:31

【云裳音画】旧幕

<style>#mydiv { margin: 0 0 0 calc(50% - 980px); display: grid; place-items: center; width: 1919px; height: 1070px;top:60px; background: lightblue url('https://bohann.net/data/attachment/forum/202504/10/211753mnyys5q3r2rhy79l.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#codePre { font: normal 14px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
.green { color: green; }
#vid {
        position: absolute;
        width: 100%;
        height: 110%;
        top:-80px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 5;
        opacity: .49;
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay="" loop="" muted=""><audio id="aud" src="https://music.163.com/song/media/outer/url?id=562699217" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></video></div><br><br><br><br><br><br><br><br><br>

爆汁莓驴 发表于 2025-4-12 01:20

这幅制图让我想到了澜天的朗读，一直想配个背景

<div style="position: relative;background:rgba(0,0,0,1);overflow: hidden; width:100%;height:100%;mix-blend-mode:multiply;background:url('https://bohann.net/data/attachment/forum/202504/10/211753mnyys5q3r2rhy79l.jpg')no-repeatcenter;background-size:100% 100%" >
<div style="width:100%;height:100%;background:url('https://wimg.588ku.com/gif620/20/09/28/f4b99e4f7220ddc931da205254118a79.gif')no-repeat left center;background-size:contain"onclick="gb()" title="背景音乐控制">

<iframeframeborder="0" scrolling="no" src="http://pan.yinhuabbs.cn/uploads/bzml/BFQ/ZHWB000.html?url=4alYzA4ctOq7f4NF&img=http://www.yinhuabbs.cn/data/attachment/forum/202503/19/194653a6jzjqniaj9q9jia.jpg&txt=%E4%B9%B1%E5%B1%80%E4%B8%8B%E7%9A%84%E8%B5%8C%E5%BE%92%E4%BB%AC%EF%BC%9A%E6%99%9A%E6%B8%85%E7%9A%84%E6%94%BF%E5%AE%A2%E5%92%8C%E6%B0%91%E5%9B%BD%E7%9A%84%E5%86%9B%E5%A4%B4%EF%BC%88%E8%87%AA%E5%BA%8F%EF%BC%89%E5%BC%A0%E9%B8%A3&fx=https://wimg.588ku.com/gif320/24/07/09/dc3d830cd4ce433ab42a9a91253aba00.gif&autoplay=0" style="width:100%;height:500px;opacity:1;mix-blend-mode:multiply;z-index:2;top:0px;left:0px;"></iframe>

<br><br><br>
</div>
</div>

不能加视频特效，否则朗读控制失效。图片特效是嵌套背景，在制图背景上面。控制背景音乐点此图下方
<script>
function gb(){

if(aud.paused){aud.play()}else{aud.pause()};
}
</script>

岚儿 发表于 2025-4-12 11:43

素雅的音画；
喜欢！学习！
遥祝欢颜（云裳）春安！

雾桥 发表于 2025-4-12 15:26

我不懂制图，但是音乐好好听

欢颜（云裳） 发表于 2025-4-13 16:46

雾桥 发表于 2025-4-12 15:26
我不懂制图，但是音乐好好听

谢谢欣赏和点评，问好

欢颜（云裳） 发表于 2025-4-13 16:47

岚儿 发表于 2025-4-12 11:43
素雅的音画；
喜欢！学习！
遥祝欢颜（云裳）春安！

谢谢欣赏和点评，问好

欢颜（云裳） 发表于 2025-4-13 16:47

爆汁莓驴 发表于 2025-4-12 01:20
这幅制图让我想到了澜天的朗读，一直想配个背景




谢谢欣赏和点评，问好
页: [1]
查看完整版本: 【云裳音画】旧幕