变焦通过过渡效果

一堆网站，如http://scaleofuniverse.com/，具有可缩放的界面，让您的项目“通过放大”，揭示包含在其中“小”项目。我一直认为这是在Flash中完成的，但我想知道如何使用JavaScript和CSS。有没有支持此功能的开源库？变焦通过过渡效果

另外，我还看了一下impress.js，其中有一些非常酷的功能，但我不确定我是否能做到使用这个库所需的效果。这只是使用正确的CSS样式的问题吗？

来源

2012-03-10 user2398029

我最终使用的zoom.js一个精简版本，它提供了放大任何DOM元素上的能力。它与Zoomooz类似，但更加臃肿，并且使我可以隔离实现该效果所需的几行代码，而无需加载外部库。

来源

2012-03-16 02:25:19 user2398029

该过程非常复杂，但它的可行性，这里是一篇关于如何实现它的好文章，Create a zoomable user interface with CSS3，以及一个提供您正在寻找的近距离效果的jQuery插件，Zoomooz。

来源

2012-03-10 17:25:59

上面的链接现已停止。可以使用[wayback machine]（http://web.archive.org/web/20120318081036/http://www.netmagazine.com/tutorials/create-zoomable-user-interface）访问存档版本。但原文似乎在线[这里]（http://www.creativebloq.com/create-zoomable-user-interface-css-transforms-9114269）。 – Deleet 2016-08-03 13:52:40

如果你的界面元素是一个HTML元素，你可以直到填满整个屏幕，而在同一时间褪色的不透明度降低到0这一技术将取决于在界面元素正在使用的任何图片展开元素可扩展（可能使用background-size: cover）。

你可以使用CSS转换或JavaScript来达到的效果。

来源

2012-03-10 17:26:10 Gareth

变焦通过过渡效果

回答

相关问题