绿叶清舟 发表于 2024-8-30 21:05

往日时光


<style>
#mama { margin: 130px 0 30px calc(50% - 720px); width: 1280px; height: 720px; background: url('https://p.upyun.com/demo/tmp/GWYOOAAv.webp') no-repeat center/cover; box-shadow: 0 0 8px gray; overflow: hidden; z-index: 1; perspective: 1500px; position: relative; }
#mama > video { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: color-burn; opacity: .5; -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent); pointer-events: none; }
#mama > img { position: absolute; mix-blend-mode: multiply; right: 0; bottom: 0; }
</style>

<div id="mama" class="mama">
        <audio src="https://music.163.com/song/media/outer/url?id=2038913980" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/15653652/01/41/91/6333da29be0ce.mp4" autoplay loop muted></video>
        <img src="https://638183.freep.cn/638183/small/envelop.jpg" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/tape_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
        HCPlayer({
                papa: '#mama',
               
                skip: 0,
                average: -2.1,
                player_css: 'width: 12%; height: 12%; mix-blend-mode: hard-light; right: 128px; bottom: 60px; color: white; --track: purple; --prog: teal;',
                lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient(lightblue, darkgray); color: silver;',
                fs_css: 'right: 20px; top: 20px; --bg: transparent; --color: navy;',
        });
};

</script>

红影 发表于 2024-8-30 21:18

哇，清舟把这磁带装进录音机里了啊，这个构思巧妙{:4_199:}

红影 发表于 2024-8-30 21:20

这背景也好漂亮，这样圈起的文字，犹如圈在记忆中的往日时光{:4_187:}

绿叶清舟 发表于 2024-8-30 21:37

红影 发表于 2024-8-30 21:18
哇，清舟把这磁带装进录音机里了啊，这个构思巧妙

谢谢影，就是二个园没法变，只能把录音机做大些了

醉美水芙蓉 发表于 2024-8-30 21:39

绿叶清舟 发表于 2024-8-30 21:45

醉美水芙蓉 发表于 2024-8-30 21:39
清舟美女好创意！

谢谢芙蓉，晚上好

红影 发表于 2024-8-30 21:50

绿叶清舟 发表于 2024-8-30 21:37
谢谢影，就是二个园没法变，只能把录音机做大些了

被封装好的呢，的确没法变，除非js里修改了重新上传{:4_173:}

红影 发表于 2024-8-30 21:52

这个录音机加这样色调的背景，太符合往日时光的氛围了{:4_199:}

小辣椒 发表于 2024-8-30 21:59

清舟的图图就是每次给人看了就感觉很有韵味，看了迟迟不愿意离开的感觉{:4_178:}

小辣椒 发表于 2024-8-30 22:00

清舟脑细胞特别多，这个卡带机居然还带手柄的{:4_199:}

小辣椒 发表于 2024-8-30 22:01

欣赏清舟的精彩制作，小辣椒学习了{:4_171:}

梦油 发表于 2024-8-31 09:39

独特的色调，有独特的效果。

绿叶清舟 发表于 2024-8-31 19:39

红影 发表于 2024-8-30 21:50
被封装好的呢，的确没法变，除非js里修改了重新上传

那个太难了，一不小心不知道改个啥出来了{:4_189:}

绿叶清舟 发表于 2024-8-31 19:40

梦油 发表于 2024-8-31 09:39
独特的色调，有独特的效果。

象出土的了{:4_173:}

绿叶清舟 发表于 2024-8-31 19:40

小辣椒 发表于 2024-8-30 22:01
欣赏清舟的精彩制作，小辣椒学习了

辣椒谦虚了啊

绿叶清舟 发表于 2024-8-31 19:41

小辣椒 发表于 2024-8-30 22:00
清舟脑细胞特别多，这个卡带机居然还带手柄的

所以头大了{:4_189:}

小辣椒 发表于 2024-8-31 22:18

绿叶清舟 发表于 2024-8-31 19:40
辣椒谦虚了啊

那有啊，就喜欢你的制作的，无论图和歌曲都完美

小辣椒 发表于 2024-8-31 22:18

绿叶清舟 发表于 2024-8-31 19:41
所以头大了

这个设计听好

红影 发表于 2024-8-31 23:02

绿叶清舟 发表于 2024-8-31 19:39
那个太难了，一不小心不知道改个啥出来了

如果吃不准就传一次不行修改了再传，一次次试呗{:4_173:}

冬天的雨 发表于 2024-9-1 11:20

清舟这个背景图片是老底子的味道了{:4_174:}
页: [1] 2
查看完整版本: 往日时光