绿叶清舟 发表于 2024-10-6 20:30

黄昏


<style>
.bbox1 {
        margin: 30px 0 30px calc(50% - 731px);
        width: 1280px;
        height: 720px;
        background: url('https://pic.imgdb.cn/item/66fe97e4335a200d6ab91a1f.jpg') no-repeat center/cover;
        position: relative; /* 父元素相对定位 */
}
.player {
        position: absolute; /* 子元素绝对定位 + 以下的100%宽高可确保子元素覆盖父元素 */
        width: 30%;
        height: 30%;
        left: 680px;
        top: 480px;
        mix-blend-mode: screen; /* 使用混合滤镜令元素以 darken 方式呈现 */
cursor: pointer;
}
</style>

<div class="bbox1">
        <img class="player" src="https://p.upyun.com/demo/tmp/LsKLFDoP.webp" alt="" />
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=5255640" autoplay loop></audio>
</div>

      

<script>
mState = () => aud.paused ? (tz.style.setProperty('--state', 'paused'), player.pauseAnimations()) : (tz.style.setProperty('--state', 'running'), player.unpauseAnimations());
aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2024-10-6 21:26

这字体好奇妙啊，遥远的路途，孤零零的女孩。
清舟的制作色彩都好奇特，这个帖子让人联想无限{:4_187:}

红影 发表于 2024-10-6 21:29

欣赏清舟好帖{:4_187:}

绿叶清舟 发表于 2024-10-7 20:21

红影 发表于 2024-10-6 21:26
这字体好奇妙啊，遥远的路途，孤零零的女孩。
清舟的制作色彩都好奇特，这个帖子让人联想无限

字是抠来的了

朵拉 发表于 2024-10-7 20:46

好制作，欣赏学习了{:4_204:}

绿叶清舟 发表于 2024-10-7 20:50

朵拉 发表于 2024-10-7 20:46
好制作，欣赏学习了

谢谢朵拉，要向你学习了

红影 发表于 2024-10-7 23:58

绿叶清舟 发表于 2024-10-7 20:21
字是抠来的了

和画面十分相符呢，漂亮{:4_187:}
页: [1]
查看完整版本: 黄昏