马黑黑 发表于 2025-12-19 18:47
不一样的播放器,但非常简单,运行两个 CSS 关键帧动画:
一个是 tz.v4.css 预设的 flash;
是不是应该加个 var(--state); ,好像暂停时小播还摇头晃脑的呢{:4_173:}
播放器动画的时间设置非常好,和音乐节奏完全吻合,效果漂亮{:4_199:}
英文歌词和汉字的还不一样,不是单词的拆分,而是字母的拆分呢,拆得更碎了,完全没想到呢{:4_187:}
红影 发表于 2025-12-19 22:35
是不是应该加个 var(--state); ,好像暂停时小播还摇头晃脑的呢
我这是故意不加的,看看有谁能观察到{:4_199:}
红影 发表于 2025-12-19 22:38
英文歌词和汉字的还不一样,不是单词的拆分,而是字母的拆分呢,拆得更碎了,完全没想到呢
好像之前提到过的:汉字算一个字符,英文按字母算字符
红影 发表于 2025-12-19 22:36
播放器动画的时间设置非常好,和音乐节奏完全吻合,效果漂亮
还行的吧
霜染枫丹 发表于 2025-12-19 22:05
我还留了一幅我儿子托儿所时候画的海底世界,找到了就套着组代码做一个,那个播放按钮随着节奏跳动,有趣
...
通过套用,慢慢理解代码结构和具体含义,然后就知道自己组织代码
马黑黑 发表于 2025-12-19 18:47
不一样的播放器,但非常简单,运行两个 CSS 关键帧动画:
一个是 tz.v4.css 预设的 flash;
小播渲染的真好看,有宝石的质感啊。。。。
色彩变化和随节奏摆动,灵动。。
补课还没补到歌词,得找时间试试。。。{:4_173:}
音乐巴乐巴乐巴乐还怪好听。
有钱贴要多回贴个
要不要查个数。
太酷了!
马黑黑 发表于 2025-12-19 23:04
我这是故意不加的,看看有谁能观察到
耶,太好了,看样子我通过考验了{:4_205:}
马黑黑 发表于 2025-12-19 23:05
好像之前提到过的:汉字算一个字符,英文按字母算字符
不管是不是提到过,看到实例最有效果。现在是看到实例了,看着字母漫天飞舞,太酷了{:4_199:}
马黑黑 发表于 2025-12-19 23:05
还行的吧
把这里的海鲜全弄回来,可以有一顿海鲜大餐了,尤其那漂亮的水母小播{:4_189:}
红影 发表于 2025-12-20 11:17
把这里的海鲜全弄回来,可以有一顿海鲜大餐了,尤其那漂亮的水母小播
吃了水母小播,你可能就是一个歌手了{:4_170:}
红影 发表于 2025-12-20 11:14
不管是不是提到过,看到实例最有效果。现在是看到实例了,看着字母漫天飞舞,太酷了
动画感十足
红影 发表于 2025-12-20 11:12
耶,太好了,看样子我通过考验了
你还是比较爱观察的
小文 发表于 2025-12-20 10:07
太酷了!
感谢临帖支持!