菜单/页面缩小效果？

Question

我想重新制作这种非常酷的效果，但是我不明白开发者是如何实现它的。我看过来源 - 但我还是不太明白。

该网站是：http://drewwilson.com，以下是有关正在发生的事情的几个屏幕截图。

当我点击标题上的省略号时，会弹出一些关于元素的信息，实际网站会向后“缩放”，在其边框周围留下空白并变灰。

我看不到任何javascript或jQuery这样做，所以我假设它是css ?! - 虽然我可能完全错过了一些东西 - 所以任何帮助都表示赞赏：）

的灭活

的激活

Answer 1

我认为整个页面都包含在一个高度为100％且宽度为100％的div中。因此，您可以控制该元素中的所有内容。

您可以使用css3 transform: scale(value);，当然还有jQuery

来实现这一目标

参见样本here