学习代码音画《回家的路》

老谟深虑

筱亭 发表于 2024-1-17 03:49
这个豪图，嗓子真好，大哥的音画精彩

       谢谢老弟的美评，下午好！

老谟深虑

庶民 发表于 2024-1-17 05:12
您的代码制作太美了。

        学习别人的代码，做着玩。

老谟深虑

老钟 发表于 2024-1-17 07:02
代码音画《回家的路》，歌曲好听，制作很棒，老谟深虑出镜音画，让网友更加感到格外亲切，点赞！ ...

        谢谢老钟老师的精美点评和评精鼓励！图片移动代码我在消息里发给你了。

老谟深虑

春归来 发表于 2024-1-17 10:28
回头眺望，故乡情怀浓。

       谢谢雅评，下午好！

老谟深虑

月婵 发表于 2024-1-17 10:32
欣赏版版学习代码音画《回家的路》好作品！

        谢谢版版的欣赏，下午好！

老谟深虑

微尘 发表于 2024-1-17 15:18
老友，下午好。支持鼓励就是我们玩的动力啊。

        说得对，我们就是要互相支持和鼓励。

微尘

老谟深虑 发表于 2024-1-17 15:30
说得对，我们就是要互相支持和鼓励。

老友，这么多年的交往了，你是了解我的哦。

起个网名好难

老谟深虑 发表于 2024-1-17 15:11
谢谢老师的支持，有时间还得向老师学习超宽音画的代码，我按你的代码制作了一次没有成功，就是往 ...

这帖没必要挪吧，现在这样就很好了。

起个网名好难

老谟深虑 发表于 2024-1-17 15:11 谢谢老师的支持，有时间还得向老师学习超宽音画的代码，我按你的代码制作了一次没有成功，就是往 ...

起个网名好难

老谟深虑 发表于 2024-1-17 15:11
谢谢老师的支持，有时间还得向老师学习超宽音画的代码，我按你的代码制作了一次没有成功，就是往 ...

原来的代码：

<style>#papa { margin: 0 0 0 calc(50% -500px); width: 1200px; height: 640px; background: url('https://s11.ax1x.com/2024/01/08/pFS4ouT.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1200px; height: 640px; bottom: 0; right: 0; transform: rotate(30deg); }</style>
修改后的代码：

<style>
#outBlk {width: 1200px; height: 640px;position:absolute;left:calc(50% - 600px);}
#papa { width:100%; height:100%; background: url('https://s11.ax1x.com/2024/01/08/pFS4ouT.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1200px; height: 640px; bottom: 0; right: 0; transform: rotate(30deg); }
</style>

加了个#outBlk， 内容稍微调整了一下，注意对比着看。