CSS Effect like safari new tab

how to apply a effect like th开发者_开发百科e photo below to image by using CSS or something else?

thanks!

---

You need to use CSS 3d transforms. They aren't well supported right now, but they will work in Webkit browsers, including iOS.

I don't know of anyone who has tackled that example already (apart from the Safari team evidently!), but here is some recommended reading.

http://blog.persistent.info/2010/11/distortion-grid-using-css-3d-transforms.html

http://www.webkit.org/blog/386/3d-transforms/

http://www.w3.org/TR/css3-3d-transforms/