CSS效果就像safari新标签一样

Question

如何使用CSS或其他方法将下图所示的效果应用于图像？

谢谢！

Answer 1

您需要使用CSS 3d变换。它们现在得不到很好的支持，但它们可以在Webkit浏览器中工作，包括iOS。

我不知道有谁已经解决了这个问题（除了Safari团队明显！），但这里有一些推荐阅读。

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/