花飞飞 发表于 2023-4-19 18:01

我在春天等你【和千羽同题】（学习黑师蒙太奇动画连播效果）


<style>#papa { margin: -80px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: gray url('https://pic.imgdb.cn/item/64185798a682492fcc66bfdb.jpg') center/cover no-repeat; box-shadow: 3px 3px 20px #000; position: relative; z-index: 1; --state: running; }
#papa::before { position: absolute; content: '';right: 42.9%;bottom: 36.8%;width: 148px; height: 180px; background: url('https://pic.imgdb.cn/item/64185109a682492fcc5836f3.png') 0 0 no-repeat; background-size: 1000%; animation: chgBg steps(9) 6s infinite both; animation-play-state: var(--state); }
@keyframes chgBg { 0% { background-position: 0%; } 100% { background-position: 100%; } }</style><div id="papa"><audio id="aud" src="https://music.163.com/song/media/outer/url?id=316759" autoplay="" loop=""></audio></div><script src="../api/lrc2ar.js"></script><script src="../api/hcplayer_circle.js"></script><script>let averAdd = 0, offset = 0;
let geci = `
杨钰莹 - 我在春天等你
淡淡思念淡淡紫丁的芬芳
静静远去静静时光的流淌
往事经过的地方 美丽得惆怅
就像那年那夜满天的星光
轻轻的风轻轻摇动了梦想
悄悄转身悄悄流泪的脸庞
温暖背影的目光 像从前一样
我的心在飘向春天的云上
我在春天等你
思念随风化作雨
等待花又开的时候和你在一起

天地之间守着我们的唯一
我在春天等你
山川岁月的约定
如果你抬头看见那天上飘着云
那是我们今生最美的相遇

轻轻的风轻轻摇动了梦想
悄悄转身悄悄流泪的脸庞
温暖背影的目光 像从前一样
我的心在飘向春天的云上

我在春天等你
思念随风化作雨
等待花又开的时候和你在一起
天地之间守着我们的唯一
我在春天等你
山川岁月的约定
如果你抬头看见那天上飘着云
那是我们今生最美的相遇
我在春天等你
山川岁月的约定
如果你抬头看见那天上飘着云
那是我们今生最美的相遇
那是我们今生最美的相遇
`;
lrcAr = getLrcAr(geci);
HCPlayer ({
        lrcAr: getLrcAr(geci),
        lrc_css: 'left: 50%; bottom: 10px; transform: translate(-50%);',
        player_css: 'bottom: 10px; right: 20px;',
});
papa.addEventListener('click', () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running'));</script>

花飞飞 发表于 2023-4-19 18:02

@千羽 @马黑黑

花飞飞 发表于 2023-4-19 18:02

千羽来看看，就是这个了，所以我们喜欢的歌一样一样的{:4_170:}

花飞飞 发表于 2023-4-19 18:02

有事先撤了哈。。。

马黑黑 发表于 2023-4-19 18:04

3d效果杠杠的

梦缘 发表于 2023-4-19 19:52

真神奇啊，欣赏问好！{:4_171:}

千羽 发表于 2023-4-19 20:02

刚才去换了浏览器才看到了{:4_181:}

千羽 发表于 2023-4-19 20:05

悄然的帖子总是能给人惊喜，这个效果好美啊，那小画屏上全是美丽的春天{:4_199:}

千羽 发表于 2023-4-19 20:09

满屋的美丽春光。悄然的画面表现力特强，佩服一个{:4_187:}

千羽 发表于 2023-4-19 20:35

花飞飞 发表于 2023-4-19 18:02
@千羽 @马黑黑

来了{:4_187:}

千羽 发表于 2023-4-19 20:37

花飞飞 发表于 2023-4-19 18:02
千羽来看看，就是这个了，所以我们喜欢的歌一样一样的

嗯，挺喜欢这歌，也喜欢你的美图，悄然棒棒哒{:4_185:}

红影 发表于 2023-4-19 23:05

看到图里的美人在拍照，每张图片里都是春天的美好。欣赏飞飞好帖{:4_187:}

小辣椒 发表于 2023-4-19 23:52

欣赏花飞飞美帖，效果棒棒的，制作辛苦~~{:4_187:}

花飞飞 发表于 2023-4-20 17:46

小辣椒 发表于 2023-4-19 23:52
欣赏花飞飞美帖，效果棒棒的，制作辛苦~~

{:4_173:}早点的贴，看到千发贴，也跟一个

花飞飞 发表于 2023-4-20 17:47

红影 发表于 2023-4-19 23:05
看到图里的美人在拍照，每张图片里都是春天的美好。欣赏飞飞好帖

{:4_187:}春天歌配春天的贴子

花飞飞 发表于 2023-4-20 17:47

马黑黑 发表于 2023-4-19 18:04
3d效果杠杠的

{:4_173:}有空间感

花飞飞 发表于 2023-4-20 17:48

梦缘 发表于 2023-4-19 19:52
真神奇啊，欣赏问好！

谢谢梦缘回复哦{:4_187:}

花飞飞 发表于 2023-4-20 17:48

千羽 发表于 2023-4-19 20:02
刚才去换了浏览器才看到了

啊，为啥还要换个才能看到，不是百搭的么

花飞飞 发表于 2023-4-20 17:49

千羽 发表于 2023-4-19 20:05
悄然的帖子总是能给人惊喜，这个效果好美啊，那小画屏上全是美丽的春天

有个动画连播的效果，做了一个长的动图试试。结果还行{:4_173:}

花飞飞 发表于 2023-4-20 17:49

千羽 发表于 2023-4-19 20:09
满屋的美丽春光。悄然的画面表现力特强，佩服一个

{:4_173:}为了配歌，百度的春天的图
页: [1] 2
查看完整版本: 我在春天等你【和千羽同题】（学习黑师蒙太奇动画连播效果）