Javascript 使用CSS/JS缩放/缩放动画

我试图用纯CSS或JS创建一个流畅、平滑的缩放/缩放动画。基本上，我试图复制这里的第一个示例：（“Windows桌面小工具使用简洁和详细状态之间的平滑过渡。”）

棘手的是，我想要缩放的元素的内容在变小或变大时会发生变化（就像Windows中的示例一样）。他们可能应该在动画中间消失。

另一件事是，当大版本放在中间时，我也希望它能起作用，所以感觉它从中间扩展。或者从上到中。或任何其他角落/位置

---

我不知道怎么做，也许这里有人做过类似的事情，可以帮助你？

只是为了让你开始：

如果在两个“元素”之间转换，可以首先将第一个元素转换为第二个元素的大小和位置，然后淡出第一个元素

你可以在这里看到如何做到这一点

---

注意：如果调整大小时第一个元素中的内容不应调整，您可以使用

transform:scale

和

transform:translate

执行相同的操作。您是否尝试过任何可以在此处发布的内容。这可能会让事情变得更简单，这样我们就可以告诉你哪里出了问题，需要改进，等等。有很多方法可以实现你所说的。