下拉区域的视觉HTML5效果很好吗？

Question

我已经实现了一个具有基于HTML5的拖放上传功能的web应用程序。

现在我正在寻找一个很好的效果，作为一个拖放邀请，显示给用户她可以拖放的文件。

我看到了一些降低不透明度的例子，但由于我使用的是HTML5和CSS3，因此应该可以实现更好的效果。

我看过http://css-plus.com/2012/03/gaussian-blur/，但那只是图片。

编辑:更具体地说:整个应用程序是基于ExtJS的，拖放区域是一个网格。我可以在网格上想象一个很好的模糊效果(如给定的链接所示)…

有什么建议吗？

先谢谢你，萨沙。

Answer 1

您可以使用CSS3过滤器:有关演示，请参阅http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/。

只需将：-webkit-filter: blur(3px);应用于您的CSS。根据需要添加供应商前缀。只知道兼容性不是很好：http://caniuse.com/#feat=css-filters