html5 css3玻璃效果与折射

是否有可能通过使用HTML，CSS，JavaScript显示“折射”的玻璃效果？html5 css3玻璃效果与折射

我有一个html div“弹出”样式在CSS（例如：background：rgba（255,255,255,0.5））显示为透明。我希望弹出下面的HTML页面部分由于折射而出现扭曲。在弹出的前景或背景中不使用图像。底层的html页面是动态的，可以有图像。

简短的回答是 “没有”，很遗憾。这是可能的，但它可能会很不方便，你不想使用它。比如说，用一个大的JavaScript库“捕捉”屏幕到Canvas上，然后模糊*，最后在后台显示它。 – Ryan 2012-01-14 17:39:40

不过，根据你的布局，你*可能*能够用过滤器吱吱作响。请参阅http://jsfiddle.net/minitech/rZ9cE/ – Ryan 2012-01-14 17:43:34

如果您的背景是一个画布，您可以使用焦散法来创建折射图像的大小和弹出位置。看到http://www.klayge.org/material/3_12/Caustics/fastcaustics.pdf

2012-02-02 08:50:19

以及bg和弹出窗口之间是否存在一些html？ – Joseph 2012-02-02 09:26:30

该问题已在这里回答[link}（http://stackoverflow.com/questions/2732488/how-can-i-convert-an-html-element-to-a-canvas-element）。 – 2012-02-02 09:44:41

在我的实验中，我发现当你扭曲图像时，只需要图像的近似值！ – 2012-02-02 09:55:43

回答