使用jQuery或CSS放大过渡/动画
[英]Zoom in Transition / Animation With jQuery or CSS
问题描述
On iOS 7, when you click on an app, the screen zooms into the icon and the welcome screen of the app fades in after. 
在iOS 7上，当您单击某个应用程序时，屏幕会放大到该图标，然后该应用程序的欢迎屏幕会逐渐消失。 Is there a way to simulate this effect with jQuery or any JavaScript or CSS library? 有没有一种方法可以使用jQuery或任何JavaScript或CSS库来模拟这种效果？
2 个解决方案
解决方案1
0 2013-09-30 08:46:03
Nice observation :) 不错的观察:)
My solution would be to keep the icon as a div where you will present the next screen. 我的解决方案是将图标保留为div，您将在其中显示下一个屏幕。 On touch of it apply a scale and make it fullscreen then call ajax to load the elements. 轻触一下，应用比例尺，使其全屏显示，然后调用ajax加载元素。 Once done apply a fade in.. it will be combination of css/js. 完成后，应用淡入效果。它将是css / js的组合。 I will come with a fiddle 我会带着小提琴来
解决方案2
0 已采纳 2013-11-30 02:38:13
Looked around and found nothing that did anything close to what you see on iOS. 环顾四周，没有发现任何事情能像您在iOS上看到的那样接近。 I looked into CSS zoom and transform, but unless you have a single page website, there's is really no way for you to transition between different pages in the same way as when you click on an app icon on an iPhone or iPad. 我研究了CSS缩放和变换，但是除非您拥有单个页面的网站，否则实际上没有办法像单击iPhone或iPad上的应用程序图标一样在不同页面之间进行切换。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.