我已经实现了一个具有基于 html5 的拖放上传功能的 Web 应用程序。
现在我正在寻找一个很好的效果来作为拖放邀请,向用户展示她可以将拖动的文件拖放到哪里。
我看到了一些降低不透明度的示例,但由于我使用的是 HTML5 和 CSS3,应该可以实现更好的效果。
我看过http://css-plus.com/2012/03/gaussian-blur/但这仅适用于图像...
编辑: 更具体地说: 整个应用程序是基于 ExtJS 的,拖放区是一个网格。 我可以在网格上形成一个很好的模糊效果(如给定链接所示)...
有什么建议吗?
提前致谢, 萨沙。
最佳答案
您可以使用 CSS3 过滤器:参见 http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/用于演示。
只需将:-webkit-filter: blur(3px);
应用到您的 CSS。根据需要提供供应商前缀。只知道兼容性不是很好:http://caniuse.com/#feat=css-filters
关于html - 拖放区的视觉 HTML5 效果不错?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15881529/