更多表单动画实验

作为这篇文章的后续……还有一些形式的动画。

在某些情况下对执行效果并不完全满意（例如：为什么 Firefox 要求我在示例 1 中使用 setTimeout 来实现转换才能正常工作？我以为只使用像 requestAnimationFrame 这样的东西就足够了，但事实并非如此。），也不满意我的艺术方向（我觉得其他人真的可以想出如何以一种超酷的方式让它们“流行”起来。）

但它们挺有意思的。我想应该够炫耀了吧 🙂

第一个：使用 transitionstransform并利用它getBoundingClientRect计算点需要移动到的位置。对于这种简单情况来说，这种方法效果很好，但如果你想在现实生活中将它与一堆相对定位的元素等一起使用，那么可能需要一些更好的定位逻辑。

第二个：一个 SVG 文件，里面有很多小圆圈，它们会缩放并逐渐淡出，所以看起来像是一些小圆点。这个灵感来自 dribbble 上的一些东西（https://dribbble.com/shots/6440021-Card-Theme-Switch），比我“做些类似但不完全照搬”的尝试酷多了。