0

我正在尝试使用纯 CSS 或 JS 创建流畅流畅的缩放/缩放动画。基本上我想在这里复制第一个示例：http: //msdn.microsoft.com/en-us/library/windows/desktop/aa511285.aspx（“Windows 桌面小工具在其简洁和详细状态之间使用平滑过渡。” ）。

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

另外，还有一件事是我也希望它在较大的版本放在中间时也能工作，所以感觉就像是从中间展开的。或从顶部中心。或任何其他角落/位置。

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

4

1 回答 1

1

只是为了让你开始：

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

你可以在这个fiddle中看到如何做到这一点。

注意：如果第一个元素中的内容在调整大小时不应该适应，你可以用transform: scaleand做同样的事情transform: translate。

于 2013-09-17T16:04:47.097 回答