我想重新制作这种非常酷的效果,但是我不明白开发者是如何实现它的。我看过来源 - 但我还是不太明白。
该网站是:http://drewwilson.com,以下是有关正在发生的事情的几个屏幕截图。
当我点击标题上的省略号时,会弹出一些关于元素的信息,实际网站会向后“缩放”,在其边框周围留下空白并变灰。
我看不到任何javascript或jQuery这样做,所以我假设它是css ?! - 虽然我可能完全错过了一些东西 - 所以任何帮助都表示赞赏:)
答案 0 :(得分:2)
我认为整个页面都包含在一个高度为100%且宽度为100%的div中。因此,您可以控制该元素中的所有内容。
您可以使用css3 transform: scale(value);
,当然还有jQuery
参见样本here