把回忆拼好给你
<style>
#papa { margin: 30px 0 30px calc(50% - 933px); width: 1700px; height: 756px; background: url('https://pic.imgdb.cn/item/6716f4b1d29ded1a8c71eff9.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px gray; z-index: 1; position: relative; }
#player { position: absolute; bottom: 50px; left: calc(25% - 180px); width: 80px; height: 80px; cursor: pointer; animation: rot 8s linear infinite var(--state); mix-blend-mode: luminosity;}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1403318151" autoplay loop></audio>
<img id="player" alt="" src="https://638183.freep.cn/638183/web/svg/9star.svg"/>
</div>
<script>
mState = () => {
papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.paused ? vid.pause() : vid.play();
};
aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 这背景好奇特,拼接起来的回忆,拼接起来的过往。
小播颜色和背景很协调。欣赏清舟好帖{:4_199:} 梦幻的背景真漂亮。 拼好了吗,俺来了。谢谢!{:4_397:} 问好老师,欣赏佳作。{:4_199:} 清舟的图图特别喜欢,打开就感觉有童趣,又有青春浪漫,清舟构图就是有思想{:4_199:}赞的~ 红影 发表于 2024-10-22 20:57
这背景好奇特,拼接起来的回忆,拼接起来的过往。
小播颜色和背景很协调。欣赏清舟好帖
加了个拼图的背景了 小辣椒 发表于 2024-10-25 17:13
清舟的图图特别喜欢,打开就感觉有童趣,又有青春浪漫,清舟构图就是有思想赞的~
不是胡思乱想啊{:4_189:} 梦江南 发表于 2024-10-23 10:12
问好老师,欣赏佳作。
谢谢江南,晚上好 岁月·如歌 发表于 2024-10-22 21:12
拼好了吗,俺来了。谢谢!
最后一块等你来拼了{:4_189:} 梦油 发表于 2024-10-22 21:08
梦幻的背景真漂亮。
回忆有点模糊了{:4_173:} 绿叶清舟 发表于 2024-10-27 21:28
加了个拼图的背景了
这个拼图背景好,清舟的构思很清奇{:4_187:} 绿叶清舟 发表于 2024-10-27 21:30
回忆有点模糊了
妙在其中啊。 挺漂亮的,歌很好听。 绿叶清舟 发表于 2024-10-27 21:28
不是胡思乱想啊
只要做出漂亮的图图,胡思乱想也是没有关系的{:4_205:} 进来听歌,我是否也在你的回忆里?{:4_187:}{:4_190:} 红影 发表于 2024-10-27 23:11
这个拼图背景好,清舟的构思很清奇
也不知道是不是换了电脑的原因,现在去搜图又是一点感觉都找不出来的了,只能做成这样了 小九 发表于 2024-10-30 09:44
进来听歌,我是否也在你的回忆里?
那是必须在的了 小辣椒 发表于 2024-10-28 21:20
只要做出漂亮的图图,胡思乱想也是没有关系的
现在素材太不给力不得不乱想了 梦油 发表于 2024-10-28 14:47
妙在其中啊。
要向前看,回忆的还是糊一点好了{:4_173:}