我已经使用基于html5的拖放上传功能实现了一个Web应用程序。
现在我正在寻找一个很好的效果作为掉落邀请,向用户显示她可以删除拖动文件的位置。
我看到了一些不透明度降低的例子,但由于我使用的是HTML5和CSS3,因此应该可以实现更好的效果。
我看了一下http://css-plus.com/2012/03/gaussian-blur/,但那只是图片......
编辑: 更具体一点: 整个应用程序是基于ExtJS的,而drop区域是Grid。 我可以在网格上形成漂亮的模糊效果(如给定链接中所示)......
有什么建议吗?
提前致谢, 的Sascha。
答案 0 :(得分:0)
您可以使用CSS3过滤器:有关演示的信息,请参阅http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/。
只需将-webkit-filter: blur(3px);
应用于您的CSS即可。供应商前缀根据需要。只知道兼容性不是很好:http://caniuse.com/#feat=css-filters