迷幻

马黑黑

马黑黑

如果听不到音乐，动画特效出不来。可以点击下方的链接换个音乐看看（与原帖音乐不同）：

换音乐

红影

原来点击二楼的就能换音乐，这个功能也很神奇啊

红影

变幻万千啊，由孙大圣的金箍棒变成了旋转的漩涡。漩涡的排布变幻不停，让人看得迷醉。黑黑太厉害了

红影

还有高亮的个体在漩涡里乱窜，哈哈，这个太玄妙了吧，还是变化中的东西好看，这漩涡还会扭动呢，跟在跳舞似的，这个效果太棒了

红影

感受一首歌不够所有变化轮回一遍，我好像听到2到3遍的时候，这漩涡效果才绕到初始状态并重新开始了

红影

是我的错觉么，看那漩涡看久了，觉得美女身下的金色沙土也动起来了呢

红影

这样玄妙的效果，让人更感受到了代码的强大

马黑黑

醉美水芙蓉 发表于 2022-12-14 11:44
欣赏黑黑老师新特效！

感谢支持

马黑黑

红影 发表于 2022-12-14 12:06
原来点击二楼的就能换音乐，这个功能也很神奇啊

DOM节点里，每一个元素都可以通过JS去操作，比如给 audio 标签更换音乐，它有id，id="aud"，就可以在一个单击事件中给 aud 的 src 赋上新值：

<a onclick="javascript: aud.src = '新音乐地址'">换歌曲</a>

上面叫嵌入式JS。在 JS 常规代码中写也可以：

<a id="chgsong">换歌曲</a>

<script>
//其他代码
chgsong.onclick = () => aud.src = '新音乐地址';
//其他代码
</script>

马黑黑

红影 发表于 2022-12-14 12:19
这样玄妙的效果，让人更感受到了代码的强大

代码就是将CSS、HTML的功能组装起来，组装过程不是简单的东拼西凑，而是或用CSS、HTML特有的属性和参数，将这些有机的调遣起来

马黑黑

红影 发表于 2022-12-14 12:18
是我的错觉么，看那漩涡看久了，觉得美女身下的金色沙土也动起来了呢

是的，这是错觉。在视觉学里，有色感共性概念，它的影响不仅仅局限于色彩，还有动感。

马黑黑

红影 发表于 2022-12-14 12:14
感受一首歌不够所有变化轮回一遍，我好像听到2到3遍的时候，这漩涡效果才绕到初始状态并重新开始了{:4_199: ...

不会吧？一支曲子播放过程中就能看到“轮回”。

马黑黑

红影 发表于 2022-12-14 12:09
变幻万千啊，由孙大圣的金箍棒变成了旋转的漩涡。漩涡的排布变幻不停，让人看得迷醉。黑黑太厉害了{:4_199: ...

这个仅是利用 rotate 和 translate 的变幻，辅之以 skew ，通过一系列算法就能得出的效果。关键是要想得到角度要多大，要大得离谱，这个很多人可能没想到要这样去试。

小辣椒

哇瑟~~这个是真迷幻了

小辣椒

音乐还可以这样换，黑黑太神了

小辣椒

黑黑艺术细胞特别多，每个效果的配图就可以看出

红影

马黑黑 发表于 2022-12-14 12:41
DOM节点里，每一个元素都可以通过JS去操作，比如给 audio 标签更换音乐，它有id，id="aud"，就可以在一个 ...

也是和在哪个楼层无关，只要没翻页，这个操作就是有效的吧。学习了

红影

马黑黑 发表于 2022-12-14 12:43
代码就是将CSS、HTML的功能组装起来，组装过程不是简单的东拼西凑，而是或用CSS、HTML特有的属性和参数， ...

是啊，有设计理念的组装，才会得到美妙的效果呢

红影

马黑黑 发表于 2022-12-14 12:46
是的，这是错觉。在视觉学里，有色感共性概念，它的影响不仅仅局限于色彩，还有动感。

被这个效果吸引，不觉看了许久，然后看别处，貌似都有点动感