放置区的视觉HTML5效果很好?

时间:2013-04-08 14:18:19

标签: html5 css3 drag-and-drop

我已经使用基于html5的拖放上传功能实现了一个Web应用程序。

现在我正在寻找一个很好的效果作为掉落邀请,向用户显示她可以删除拖动文件的位置。

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

我看了一下http://css-plus.com/2012/03/gaussian-blur/,但那只是图片......

编辑: 更具体一点: 整个应用程序是基于ExtJS的,而drop区域是Grid。 我可以在网格上形成漂亮的模糊效果(如给定链接中所示)......

有什么建议吗?

提前致谢, 的Sascha。

1 个答案:

答案 0 :(得分:0)

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

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