4 ms·
This demo comes close (only works on the phone, and make sure to swipe up to see the menu): http://dl.dropboxusercontent.com/u/2220075/ios7/lax.html http://dl.d
by yesimahuman 13y ago
This demo comes close (only works on the phone, and make sure to swipe up to see the menu): http://dl.dropboxusercontent.com/u/2220075/ios7/lax.html http://dl.dropboxusercontent.com/u/2220075/ios7/lax.html
I forget where this comes from, I just have the link.
- c2prods 13y agoYes, I've seen it an a few others demos. But the difficulty here is to make the content blurred while it scrolls. It's extremely smooth on iOS 7 beta and I can't see anyway to reproduce properly in HTML without severely compromising the performances.
- peterhunt 13y agoI think this is actually possible if you use synthetic scrolling (i.e. interpret touch events, compute intertia and use translate3d + requestAnimationFrame). You'd basically have 2 copies of the content area, one blurred w/ css and one not blurred. Render the blurred one above the non blurred one and scroll them in lock step. You can probably get ok performance if you don't have a lot of images. A high quality implementation of synthetic scrolling is available at http://github.com/zynga/scroller http://github.com/zynga/scroller if you want to play with it.
- c2prods 13y agoHmm, I've tried something like that (although not as elaborate), but it really was sluggish... It may work but I think you should at least need an iPhone 4S or 5.
- M4v3R 13y agoAs I said, it's hard/close to impossible to reliably achieve this effect for live content. With static content you can use CSS filters to do the blurring.