我正在尝试使用纯CSS或JS创建流畅且流畅的缩放/缩放动画。基本上我试图在这里复制第一个例子：http://msdn.microsoft.com/en-us/library/windows/desktop/aa511285.aspx（“Windows桌面小工具使用它们的简洁状态和细节状态之间的平滑过渡。”）。
棘手的部分是我想要缩放的元素的内容在小或大时会改变（就像来自Windows的示例一样）。它们应该只是在动画中间的某个地方淡出。
另外，另一件事是我也希望它在较大的版本放在中间时工作，所以感觉它从中间扩展。或者从顶部中心。或任何其他角落/位置。
我不知道该怎么做，也许这里有人做了类似的事情，可以提供帮助吗？
答案 0 :(得分：1)
只是为了让你开始：
如果在两个“元素”之间转换，则可以先将第一个元素转换为第二个元素的大小和位置，然后逐渐淡出第一个元素。
您可以在此fiddle中看到如何执行此操作。
注意：如果调整大小时第一个元素中的内容不适应，您可以对transform: scale和transform: translate执行相同操作。